/*-------------------------------------------------
PAGE BODY
-------------------------------------------------*/

body {
	margin: 0 auto;
	padding: 0;
	font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
	color: #222;
	background-color: #e5e5e5;
	text-align: center;
	min-width: 870px;
}

body {
	background: #E5E5E5;
}

/* Make sure the table cells show the right font */
td { font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif; }


/*-------------------------------------------------
PRELOADED IMAGES
-------------------------------------------------*/

#preloaded_images {
  width: 0px;
  height: 0px;
  display: inline;
}

body.todos #preloaded_images {
  background-image: url(/images/dots-white.gif);
  background-image: url();
}


/*-------------------------------------------------
GLOBALS & GENERAL CASES
-------------------------------------------------*/

input { padding: 3px; }

span.help {
  font-size: 10px;
  color: #666;
}

a {text-decoration: underline; padding: 1px; }
a:link { color: #03c; }
a:visited { color: #03c; }
a:hover { color: #fff; background-color: #30c; text-decoration: none; }


a.image:link, a.image:visited, a.image:hover {
	background: none;
	padding: 0;
	text-decoration: none;
}

a.image img {
	border: none;
}

span.admin {
	color: #999;
	font-size: 11px;
	font-weight: normal;
}

a.admin:link, a.admin:visited {
	color: #f00;
	font-family: verdana;
	font-size: 11px;
	font-weight: normal;
}

a.adminfull:link, a.adminfull:visited {
	color: #f00;
	font-weight: bold;
	text-decoration: underline;
}

a.admin:hover, a.adminfull:hover { color: #fff; background: #f00; }

a.black:link, a.black:visited {
	color: #000;
}

a.black:hover {
	color: #fff;
	background: #000;
}

a.anchor:link, a.anchor:visited, a.anchor:hover {
	color: #fff;
	background: #fff;
	font-size: 0px;
	text-decoration: none;
	padding: 0;
}

form {
	margin: 0;
	padding: 0;
}

p {
	font-size: 12px;
	line-height: 16px;
}

p.submit,
div.submit {
  color: #666;
  font-size: 11px;
}

p.submit input {
  vertical-align: middle;
}

div.submit input {
  font-size: 14px;
}

small {
	font-size: 10px;
	line-height: 13px;
}

blockquote {
	font-size: 12px;
	color: #666;
	margin: 20px;
}

ol, ul, li {
	margin: 0;
	padding: 0;
}

ul li {
	list-style-type: none;
}

li {
	font-size: 11px;
	line-height: 13px;
	padding: 3px 0;
}

div.widget li {
  padding: 0;
  font-size: inherit;
  line-height: inherit;
}

h1 {
	font-family: "Lucida Grande", arial, sans-serif;
	padding: 0;
	border-bottom: 0;
	margin: 0;
	color: #333;
	font-size: 16px;
	font-weight: bold;
}

h1.blankslate {
	background: #ff6;
	color: #000;
	margin-bottom: 10px;
	padding: 5px;
	margin-left: -5px;
}

h1.blankslate a {
	color: #f00;
}

h1.blankslate a:hover {
	background-color: #000;
	color: #fff;
}

p.blankslate {
  font-size: 14px;
  color: #000;
  padding: 5px;
  margin: 0 0 10px 0;
}

p.blankslate strong {
  background: #ff6;
}

h2 {
	font-family: "Lucida Grande", arial, sans-serif;
	margin: 20px 0 5px 0px;
	color: #333;
	font-size: 14px;
	padding: 0;
}

h2.subheader {
	padding: 0 0 2px 0;
	margin: 15px 0 5px 0;
	font-size: 12px;
	border-bottom: 1px solid #000;
	color: #000;
}

h3 {
	margin: 20px 0 0 0;
	color: #666;
	font-family: "Lucida Grande", arial, sans-serif;
	font-size: 14px;
	padding: 0;
}

.smallnote {
	font-size: 10px;
	color: #999;
	font-weight: normal;	
}

.light {
	font-weight: normal;
}

.lightgray {
	font-weight: normal;
	color: #666;
	font-size: 9px;
}

.lightgray a:link, .lightgray a:visited {
	color: #999;
	background: inherit;
	text-decoration: underline;
}

.lightgray a:hover {
	color: #fff;
	background: #000;
}

.smallgray {
  font-weight: normal;
  color: #666;
  font-size: 10px;
}

.smallgray a:link, .smallgray a:visited {
  color: #666;
  background: inherit;
  text-decoration: underline;
}

.smallgray a:hover {
  color: #fff;
  background: #000;
}

.highlight {
	background-color: #ffc;
}

td, th {
	padding: 3px;
	text-align: left;
}

.bigger {
	font-size: 12px;
}

.red {
	color: red;
}

.blue {
	color: #06c;
	}
	
.green {
	color: #390;
	}

code, pre	{
	font-family: monospace;
	background: inherit;
	color: #333;
	font-size: 12px;
	}

pre {
  overflow: auto;
}

	/*  Work around IE/Win code size bug - courtesy Jesper, waffle.wootest.net  */

* html code	{
	font-size : 105%; 
	}

.PrivateMessage, .PrivateWriteboard {
	padding: 0px 0px 3px 0px;
	margin-bottom: 20px;
}

.PrivateMessage, .PrivateWriteboard {
	background: url(/images/private-back-red.gif) #fff;
}

.PrivateWriteboard {
  margin-bottom: 0;
  padding: 10px;
	border-left: 5px solid #BC0001;
}

.ClientMessage {
	padding: 0px 0px 3px 0px;
	margin-bottom: 20px;
}

div.ClientMessage div.Post {
	margin-bottom: 0;
  margin-left: 0;
	padding-bottom: 0;
	padding-left: 10px;
	border-left: 5px solid green;
}

div.PrivateMessage div.Post,
body.files div.PrivateMessage div.Post {
	margin-bottom: 0;
  margin-left: 0;
	padding-bottom: 0;
	padding-left: 10px;
	border-left: 5px solid #BC0001;
}

body.files div.PrivateMessage {
  margin-bottom: 12px;
}

body.files div.PrivateMessage div.Post {
  padding-left: 5px;
}

img.privatebug {
	padding: 5px;
}


/*-------------------------------------------------
STRUCTURE
-------------------------------------------------*/

div#Wrapper {
	padding: 12px 23px 0 30px;
  margin: 0 auto;
}

.container {
	margin: 0 auto 0 auto;
	text-align: center;
	min-width: 750px;
	}

.ClearAll {
	padding: 0px;
	clear: both;
	font-size: 0px;
	}

#ContentFrame, #DashContentFrame, .ContentFrame {
	margin: 0;
	padding: 0px 0;
	width: 100%;
	text-align: left;
	/*position: relative;*/
	float: left;
}

table.layout {
  clear: left;
  border-collapse: collapse;
  width: 100%;
}

table.layout td.left,
table.layout td.right {
  vertical-align: top;
  padding: 0;
}

table.layout td.left {
  width: 70%;
}

table.layout td.right {
  width: 30%;
}

div.Left {
	margin: 0;
	padding: 0;
	text-align: left;
	width: 70%;
	float: left;
	}

div.Right {
	margin: 0px 0 0 0;
	padding: 0;
	text-align: left;
	/*position: absolute;*/
	float: left;
	width: 30%;
	}

table.layout td.left div.Left,
table.layout td.right div.Right {
  width: auto;
  float: none;
}

/*-------------------------------------------------
PROJECT-TO-PROJECT SWITCHING
-------------------------------------------------*/

#P2P_selector {
	padding: 7px;
	font-size: 11px;
  color: #fff;
}

#Header h3 #P2P_selector span.light {
	color: #999;
	font-size: 11px;
}

#Header h3 #P2P_selector a:link,
#Header h3 #P2P_selector a:visited {
  color: red;
  background: #f0f0f0;
  padding: 3px;
  font-weight: bold;
}

#Header h3 #P2P_selector a:hover {
  color: white;
  background: red;
}

/*-------------------------------------------------
SECTION HEADER
-------------------------------------------------*/

.SectionHeader {
  padding-top: 0px;
	margin: 0 0 30px 0;
}

div.Left .SectionHeader,
div.Full .SectionHeader {
  text-align: center;
}

.dashboard .Left .SectionHeader { /* latest activity */
  margin: 10px 0;
}

.dashboard .Left .SectionHeader h1 { 
  font-size: 12px;
}

.dashboard #screen_body .Left .innercol,
.overview #screen_body .Left .innercol {
	padding-right: 28px;
}

.dashboard .Right .SectionHeader { /* Your Projects */
  margin-bottom: 20px;
}

span.SectionDescription {
	font-weight: normal;
	color: #666;
}

.ContextHeader {
  text-align: center;
  margin: 0 0 15px 0;
}

.ContextHeader h1 {
  margin: 0;
	padding-bottom: 2px;
	border-bottom: 1px solid #666;
	font-size: 16px;
	color: #000;
  font-size: 12px;
}

.ContextHeader h1 span.private {
  color: #fff;
	background: #BC0000;
  font-weight: normal;
  padding: 0 3px;
}

.ContextHeader h1 a {
  font-weight: normal;
  font-style: italic;
}

.SectionHeader h3,
.ContextHeader h3 {
	font-family: verdana;
	padding: 2px 0 0 0;
	margin: 0;
	font-size: 10px;
	font-weight: normal;
	color: #666;
}

.SectionHeader h3 img {
  vertical-align: middle;
}

.SectionHeader div.ActionButton {
	background: #fff;
	border-top: none;
	float: right;
	padding: 3px 0 0 0;
	margin: 0;
}

.SectionHeader div.ActionButton {
	font-size: 10px;
}


/*-------------------------------------------------
LINK BOXEN
-------------------------------------------------*/

.Links {
	padding-bottom: 15px;
	display: none;
}

.LinkBox, .LinkBoxWithFile {
	width: 75%;
	padding: 4px;
	margin-top: -1px; /* stacked fileboxes share a border */
	background: url(/images/back_ystripes.gif) #fff;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	color: #666;
	font-size: 10px;
	line-height: 16px;
}

.LinkBoxWithFile img {
	padding: 0 3px 20px 0;
}

.LinkBox a, .LinkBoxWithFile a {
	font-size: 12px;
}


/*-----------------------------------------------
FULLCAL
-------------------------------------------------*/

body.filterable_dashboard .Full .innercol {padding: 15px 28px 20px 23px;}

table.Fullcal {
	margin: 15px 0;
	background: #FFF;
	width: 100%;
	}

table.Fullcal th {
	color: #999;
	background: #FFF;
	padding: 1px;
	font-size: 12px;
	text-align: center;
	text-transform: uppercase;
}

table.Fullcal th.month {
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	vertical-align: top;
	text-transform: uppercase;
	padding: 1px 0 0 0;
	width: 1%;
}

body.el table.Fullcal th,
body.el table.Fullcal th.month {
  text-transform: none;
}

table.Fullcal th.month div {
	background: #333;
	color: #FFF;
	padding: 12px 12px;
}

table.Fullcal td.blank {background: #f5f5f5;}

table.Fullcal td {
	background: #e5e5e5;
	vertical-align: top;
	padding: 10px 12px;
	color: #999;
	font-size: 10px;
	text-align: right;
	height: 65px;
	width: 20%;
}

table.Fullcal td a {
  font-weight: bold; 
  padding: 0;
}

table.Fullcal td.weekend {
  background: #d5d5d5;
  width: 1%;
}

table.Fullcal.weekends td, table.Fullcal.weekends td.weekend {width: 14%;}

table.Fullcal td.with {
	background: #fff;
	color: #666;
	border: 1px solid #999;
	font-weight: normal;
}

table.Fullcal td.with span.date {
  float: right;
  margin: 0 0 6px 6px;
  color: #000;
  font-weight: bold;
}

table.Fullcal td#today {
	background: #ffc;
	color: #333;
	border: 1px solid #fc0;
}

table.Fullcal td#today span.date {
  background: #FC0;
  color: #FFF;
  padding: 1px 5px;
}


table.Fullcal ul {
	padding: 0;
	margin: 0;
	text-align: left;
}

table.Fullcal li {
	font-weight: normal;
	font-size: 10px;
	line-height: 13px;
	padding: 0;
	margin-bottom: 5px;
}



/*-------------------------------------------------
SIDEBAR
-------------------------------------------------*/

.Right h1, .Right h1.late {
	padding: 4px 0 2px 0;
	border-bottom: 1px solid #666;
	margin: 0 0 5px 0;
	font-size: 12px;
	color: #000;
}

.Right p {
  font-size: 11px;
  line-height: 14px;
}

.Right h1.late {
	padding-top: 0;
	border-bottom: 1px solid #c00;
	color: #c00;
}

.Right p.incategory {
	margin-top: 0;
	background: #ececec;
	padding: 4px;
}

.Right p.incategory a {
	display: block;
}

.Right h2, .Right h2.border {
	font-family: "Lucida Grande", arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	margin: 20px 0 3px 0;
	padding: 0;
	border: none;
}

.Right h2.border {
	border-bottom: 1px solid #d5d5d5;
}

.SidebarPosts li {
	font-size: 10px;
	color: #666;
  margin-bottom: 4px;
}

.SidebarPosts h1 {
	color: #333;
	font-size: 11px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 2px;
	border: none;
}

.SidebarPosts h2 {
	color: #666;
	font-size: 11px;
	margin-bottom: 5px;
}

.SidebarPosts h3 {
	color: #999;
	font-weight: normal;
	font-size: 10px;
	margin: 0;
}

.SidebarOriginal {
	padding-top: 20px;
}

.SidebarOriginal h1 {
	font-size: 10px;
	border-bottom: none;
	color: #333;
}

.SidebarOriginal p {
	font-size: 10px;
}

#Poster {
	margin-bottom: 30px;
}

.Right ol {
	padding-left: 20px;
}


.Right ul li {
	list-style: none;
	padding: 0 0 3px 0;
	margin-left: 0;
}

/*-------------------------------------------------
RETURN LINK
-------------------------------------------------*/

.return, .returnborder {
	padding-bottom: 2px;
	margin: 0 0 15px 0;
	font-size: 11px;
	color: #666;
	font-weight: normal;
	border: none;
}

.returnborder {
	border-bottom: 1px solid #d5d5d5;
}

.return a, .returnborder a {
	color: #666;
}

.return a:hover, .returnborder a:hover {
	background-color: #666;
	color: #fff;
}


/*-------------------------------------------------
FORM STUFF (MORE BELOW)
-------------------------------------------------*/

table.NewLink th {
	text-align: left;
	font-size: 10px;
}

span.formoptions /* small text inside an h2 */ {
	font-family: verdana;
	font-size: 10px;
	font-weight: normal;
}

span.formoptions a {
	padding: 4px;
}

.ButtonGroup {
	font-size: 11px;
	text-align: right;
	margin: 15px 0 3px 0;
}

.error {
	background-color: red;
	padding: 2px;
}

.field_with_errors {
  padding: 4px 0 4px 2px;
  display: inline;
  border-left: 8px solid red;
  margin-left: 3px;
}

.general_error_box {
  border: 1px solid #c99;
	background: url(/images/basecamp_sprites.png) #c00 -468px top no-repeat;
	color: #fff;
  padding: 10px 10px 10px 37px;
  margin-bottom: 20px;
}

.general_error_box h2 {
  color: #fff;
  margin-top: 0;
  line-height: 140%;
}

.general_error_box p {
  color: #fff;
  margin-bottom: 0;
  margin-top: 5px;
}

.general_error_box a:link,
.general_error_box a:visited {
  color: #fff;
}

#ErrorExplanation,
#errorExplanation {
	border: 2px solid red;
	padding: 7px;
	padding-bottom: 12px;
	margin-bottom: 20px;
	background-color: #f0f0f0;
}

#ErrorExplanation h2,
#errorExplanation h2 {
	text-align: left;
	font-weight: bold;
	padding: 5px 5px 5px 27px;
	font-size: 12px;
	margin: -7px;
	background: url(/images/basecamp_sprites.png) #c00 -473px -10px no-repeat;
	color: #fff;
}

#ErrorExplanation p,
#errorExplanation p {
	color: #333;
	margin-bottom: 0;
	padding: 5px;
}

#ErrorExplanation ul,
#errorExplanation ul {
	margin-left: 30px;
}

#ErrorExplanation ul li,
#errorExplanation ul li {
	font-size: 12px;
	list-style: square;
}


/*-------------------------------------------------
CONTACTS
-------------------------------------------------*/


.Contacts {
	padding: 0;
	margin: 0 0 25px 0;
	text-align: left;
	width: 100%;
  border-collapse: collapse;
	border-left: 1px solid #efefef;
	}	

.Contacts p.admin {
  color: #999;
}

.Contacts a.admin {
  font-size: 10px;
}

.popup_add_dialog {
  margin-bottom: 25px;
  border: 1px solid #aaa;
}

.popup_add_dialog .inner {
  border: 4px solid #edf3fe;
  padding: 10px;
}

.popup_add_dialog h1 {
  font-size: 14px;
  background: none !important;
}

.popup_add_dialog td p.submit {
  margin-bottom: 0;
}

.popup_add_dialog select,
.popup_add_dialog input {
  font-size: 14px;
}

.popup_add_dialog select,
.popup_add_dialog input.text {
  width: 225px;
}


.popup_add_dialog table {
  margin: 0 0 5px 0;
}

.popup_add_dialog td {
  font-size: 12px;
  padding: 0 20px 0 0;
}

.Contacts td {
	text-align: left;
	width: 33%;
	padding: 5px 5px 5px 10px;
	background-color: #fff;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
  vertical-align: top;
	}	

.Contacts td.nopeople {
  background: #ffc;
  width: 66%;
}

.Contacts td.nopeople p,
.Contacts td.nopeople p a {
  font-size: 12px;
  line-height: 16px;
}

.Contacts tr.top td {
  border-top: 1px solid #efefef;
}

.Contacts td.blank,
.Contacts tr.top td.blank {
  background: #fff;
  border: none;
}

.Contacts td.company {
  background: #f0f0f0;
}

.Contacts td.person div {
  margin-left: 55px;
}

.Contacts td.person div.noavatar {
  margin-left: 0;
}

.Contacts td.person div.avatar {
  margin: 0;
  width: 48px;
  float: left;
}

.Contacts td h1,
.Contacts td h2 {
	color: #000;
	padding: 0;
	margin: 0;
	font-size: 14px;
  margin-bottom: 2px;
	font-weight: bold;
	border: none;
	}	

.Contacts td h3 {
	font-family: verdana;
	padding: 0;
	margin: 0 0 6px;
	font-size: 10px;
	font-weight: normal;
	border: none;
	color: #000;
	}	

.Contacts td p {
	padding: 0;
	margin: 0 0 3px 0;
	font-size: 10px;
  line-height: 12px;
	color: #000;
	font-weight: normal;
	}	

.Contacts span.item {
  margin-right: 5px;
  white-space: nowrap;
  font-size: 10px;
  line-height: 15px;
}

.Contacts abbr.type {
	color: #666;
	font-weight: normal;	
	text-decoration: none;
	border: none;
}

/*-------------------------------------------------
DASHBOARD / PROJECTS PAGE
-------------------------------------------------*/

.EmailExample {
	padding: 7px;
	border: 1px dashed #ccc;
	font-family: monospace;
	font-size: 10px;
	background-color: #FDFAE0;
	}

.ActiveClients {
	margin-bottom: 10px;
}

.ClientViewActiveProjects {
  margin-bottom: 15px;
}

.InactiveClients {
}

.DashTabs {
	background-color: #333;
	text-align: left;
	padding: 5px 0 0 0;
}

.DashTabs ul#Tabs {
	margin: 0px;
	padding-left: 20px;
}

.Client {
	margin: 0;
	padding: 0 0 5px 0;
}

.Right .Client h1,
.Right .InactiveClients h1 {
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 2px;
	color: #000;
  border-bottom: none;
  display: inline;
}

.Right .InactiveClients h1 {
	color: #666;
  background: none;
}

.Client div.Project, .Client div.InactiveProjects {
	margin: 4px 0 0 0;
	padding: 0 0 7px 0;
}

.Client .InactiveProjects a {
	color: #666;
	font-size: 10px;
	font-weight: normal;
}

.ClientViewActiveProjects .Project a {
  font-size: 12px;
  margin: 0;
}

.InactiveProjects a {
	color: #666;
}

.InactiveProjects a:hover {
	color: #fff;
	background-color: #666;
}

.Right h2.dashstatus {
	padding: 0 0 2px 0;
	margin: 0 0 5px 0;
	color: #999;
	font-size: 10px;
	font-weight: normal;
	font-style: italic;
	line-height: 12px;
	border-bottom: 1px solid #ccc;
}

p.fixed10 {
	font-family: monospace;
	font-size: 12px;
	line-height: 14px;
}

div#LogoBox {
  margin-bottom: 15px;
}

div#LogoBox img {
  padding: 5px 0 0 0;
}

div#LogoBox.white img {
  background: #fff;
  padding: 10px;
}

div#LogoBox img {
  max-width: 300px;
}

/*-------------------------------------------------
NEW PROJECT PROCESS
-------------------------------------------------*/

.fauxdivtop {
	border-top: 1px solid #ccc;
	padding-top: 8px;
}

.fauxdivbottom {
	border-bottom: 1px solid #ccc;
	padding-bottom: 8px;
}

table.NewPerson td, table.NewPerson th {
	font-size: 10px;
}

table.NewPerson th {
	font-weight: normal;
	text-align: right;
}

.StepGroup, .StepSubGroup {
	background: url(/images/back_gstripes.gif);
	border: 1px solid #d5d5d5;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 10px 0 15px 15px;
	margin: 5px 0 30px 15px;
}

.StepSubGroup {
	margin-top: -31px;
}

#LastStepGroup {
	margin-bottom: 0;
}

.StepHelp {
	font-size: 10px;
	color: #666;
	padding: 5px 0 0 0;
	margin: 10px 15px 0 0;
	border-top: 1px solid #ccc;
}

p.longurl {
	line-height: 18px;
}

p.longurl a {
	font-size: 10px;
}

p.Checkbox /* a checkbox and label after */ {
	margin: 5px 0;
}

.StepButtons {
	font-size: 11px;
	margin: 15px 0 3px 15px;
	text-align: left;
}

.InsideButton /* like "save and add another" */ {
	margin: 10px 10px 0 0;
	padding: 5px;
}

.SidebarSteps {
	margin-bottom: 25px;
}

.SidebarSteps p {
	margin-top: 3px;
}

.SidebarTip {
	margin-bottom: 25px;
}

.SidebarTip p {
	margin-top: 3px;
}

.SidebarTip h1 {
	margin-bottom: 0;
}


/*-------------------------------------------------
FLASHES
-------------------------------------------------*/

#Flash {
	text-align: left;
	border: 1px solid #ccc;
	padding: 5px 5px 5px 30px;
	font-size: 14px;
	margin-bottom: 12px;
}

.login #Flash {
  margin-top: 0;
  font-size: 12px;
}

#Flash.flash_notice {
	border-color: #9c9;
	color: #060;
	background: #E2F9E3 url(/images/basecamp_sprites.png) no-repeat -475px -273px;
}

#Flash.flash_alert {
	border-color: #c99;
	color: #fff;
	background: #c00 url(/images/basecamp_sprites.png) no-repeat -473px -9px;
}

#Flash.flash_alert a {
  color: #fff;
}

#Flash.flash_alert a:hover {
  background: #000;
}

/*-------------------------------------------------
DIALOG BOX
-------------------------------------------------*/

.DialogBody {
	margin: 0;
	padding: 10px;
	text-align: left;
	border: 1px solid #ccc;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	background-color: #fff;
	}

.DialogBody td {
	font-size: 11px;
}

.DialogHeader {
	background-color: #333;
	padding: 0;
	margin: 0;
	text-align: left;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	}	

.DialogHeader h1 {
	font-family: verdana;
	margin: 0;
	padding: 3px 0 3px 10px;
	font-size: 10px;
	color: #fff;
	}	

.DialogBody h1 {
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	color: #f00;
	}

.DialogBody p.noundo {
	font-size: 10px;
	font-weight: normal;
	color: #666;
	}

.ThePost {
	margin: 10px 0 10px 0;
	padding: 10px 10px 0 10px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	}

.ThePost h1 {
	padding: 0;
	margin: 0;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	}

.additional {
	color: #999;
	font-size: 10px;
	}

.PrimaryAction {
	font-size: 10px; /* <-- added by rjs */
	margin: 10px 0 0 0;
	padding: 5px 0 0 0;
	border-top: 1px dotted #999;
	text-align: right;
	}

.PrimaryAction input {
	font-size: 12px;
}

/*-------------------------------------------------
ARCHIVE STYLES
-------------------------------------------------*/

/* a div.Archive is one major time division (eg: month) */

.Archive {
	margin-bottom: 25px; 
        width: 100%;
}

.Archive th { 
	margin: 0 0 5px 0;
	border-bottom: 1px solid #e0e0e0;
	font-size: 13px;
	color: #666;
}

.Archive td {
	font-size: 12px;
	font-family: verdana;
	font-weight: normal;
	padding: 2px 3px;
	border: none;
	color: #666;
}

.Archive td.day {
  text-align: right;
  width: 2em;
  white-space: nowrap;
}

.Archive td.cat {
  width: 1px;
  white-space: nowrap;
}

.Archive span.highlight {
	color: #000;
}

li span.highlight {
	color: #000;
}


.FormBlock table#items th,
.FormBlock table#items td {
	font-size: 11px;
	text-align: left;
	vertical-align: top;
	padding: 0 3px 5px 0;
}


/*-------------------------------------------------
SIGNUP
-------------------------------------------------*/

#Listform ol {
	padding: 0;
	margin: 0 0 0 20px;
}

#Listform ul {
	padding: 0;
	margin: 0 0 0 5px;
}

#Listform li {
	border-top: none;
	font-size: 13px;
	font-family: "Lucida Grande", arial, sans-serif;
	font-weight: bold;
	padding: 0;
	margin: 0 0 30px 0;
	color: #090;
}

#Listform ol li {
	list-style: decimal;
}

#Listform li div {
	color: #333;
	background: #f0f0f0;
	margin: 0;
	margin-top: 3px;
	padding: 5px;
	font-size: 11px;
	font-weight: normal;
}

#Listform li div.upgrade {
	color: #333;
	background: #ffc;
	margin: 0;
	margin-top: 3px;
	padding: 5px;
	font-size: 11px;
	font-weight: normal;
	font-family: verdana;
}

#Listform ul li div {
	/* padding: 3px 3px 3px 0; */
}

#Listform li table th {
	text-align: right;
	font-weight: normal;
}

#Listform li div p {
	margin: 0;
	padding: 0;
}

#Listform li div p + p {
	margin-top: 15px;
}

#Listform li div p + p.Checkbox {
	margin: 5px 0;
}

#Listform li div.help {
	color: #666;
	background: #fff;
	padding: 2px 0;
}

#Listform li div.helplong {
	color: #666;
	background: #fff;
	width: 470px;
	padding: 2px 0;
}


#Listform li table.NewLink th {
	text-align: left;
	font-weight: bold;
}

#Listform li table.NewLink td input.textfield {
	width: 250px;
}

#Listform li h1 {
	font-size: 14px;
	color: #090;
	margin-bottom: 0px;
}

#Listform li.action {
	border-top: 2px solid #000;
	margin-bottom: 0;
	text-align: right;
	padding-top: 8px;
	font-size: 12px;
}

#TextileHelp {
	color: #666;
}


#TextileHelp table {
	margin-bottom: 0;
}

#TextileHelp table+h3 {
	margin-top: 10px;
}

#TextileHelp table td {
	font-size: 11px;
	padding: 3px;
	vertical-align: top;
	border-top: 1px dotted #ccc;
}

#TextileHelp table td.arrow {
	padding-right: 5px;
	padding-left: 10px;
	color: #999;
}

#TextileHelp table td.label {
	font-weight: bold;
	white-space: nowrap;
	font-size: 11px;
	padding-right: 15px;
	color: #000;
}

#TextileHelp h3 {
	font-size: 13px;
	font-weight: bold;
	font-weight: normal;
	margin: 0 0 5px 0;
	padding: 5px 0 0 0;
	color: #c00;
}

#TextileHelp p {
	font-size: 10px;
}

#Listform li ul li {
	font-size: 11px;
	font-family: verdana;
	color: #333;
	font-weight: normal;
	list-style: square;
	margin: 0 0 5px 10px;
}

#Listform li ul li a.admin { /* hack to correct inheritence issue */
	color: #f00;
}


/*-------------------------------------------------
THINGS TO DO HELP BLOCK
-------------------------------------------------*/

.thingtodo {
	width: 220px;
	margin-right: 10px;
	float: left;
}

#showhelp {
	clear: left;
	text-align: center;
	margin: 20px 0 0 20px;
	background: #ffc;
	padding: 5px;
	border: 1px solid #ccc;
	font-size: 11px;
	width: 132px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 120px;
}

/*-------------------------------------------------
EFFECTS
-------------------------------------------------*/

#fade {
	background-color: #ffff99;
}

#zoomer {
  position: absolute;
  background: #ccc;
  display: none;
}

.inactive {
  opacity: 0.0;
  filter: alpha(opacity: 0);
}

.active {
  opacity: 1.0;
  filter: alpha(opacity: 100);
}


/*-------------------------------------------------
HELP SECTION
-------------------------------------------------*/

div.helpBar {
	padding: 10px;
	border-top: 1px solid orange;
	border-bottom: 1px solid orange;
	background-color: #ffc;
	text-align: center;
	margin-bottom: 50px;
}

div.helpBar h1 {
	font-size: 14px;
	margin: 0 0 5px 0;
	color: #000;
}

body.help div.SubHeader {
	text-align: center;
	margin-bottom: 35px;
	border-top: 1px solid #000;
	padding-top: 5px;
}

body.help div.SubHeader span {
	display: inline;
	padding: 5px 10px;
	background-color: #000;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
}

div.topqs {
	margin: 15px 0 25px 25px;
}

div.topqs li {
	list-style: square;
	margin-bottom: 3px;
	font-size: 14px;
	line-height: 1.4em;
}

div.Right div.topqs li {
	font-size: 12px;
}

ul.helpmenu1 {
	padding: 3px 0 4px 0;
}

ul.helpmenu2 {
	padding-bottom: 5px;
	border-bottom: 1px solid #dcdcdc;
	margin-bottom: 15px;
}

ul.helpmenu1 li,
ul.helpmenu2 li {
	font-family: "Lucida Grande", arial, sans-serif;
	display: inline;
	font-weight: bold;
}

ul.helpmenu1 li a:link,
ul.helpmenu1 li a:visited,
ul.helpmenu2 li a:link,
ul.helpmenu2 li a:visited {
	font-weight: normal;
}

ul.helpmenu1 li {
	font-size: 14px;
	padding-right: 10px;
}

ul.helpmenu2 li {
	font-size: 12px;
	padding-right: 10px;
}

p.screenshot img {
	background: #fff;
	margin-bottom: 10px;
	border: 1px solid #dcdcdc;
	padding: 5px;
}

img.screenshot {
	padding: 5px;
	border: 1px solid #dcdcdc;
	background: #fff;
}

div.answer {
	padding: 10px 10px 0px 10px;
	border: 1px solid #ccc;
	border-top: none;
	margin-bottom: 20px;
	display: none;
	background: #efefef;
}

#otherquestions div.answer {
	border: none;
	margin-bottom: 20px;
	padding-top: 4px;
	display: none;
	background: #fff;
}

div.closeanswer {
	background: url(/images/closeanswer.gif) no-repeat left;
	background: #666;
	margin: 0 -10px;
	padding: 3px 10px 3px 20px;
	color: #fff;
	font-size: 11px;
}

#otherquestions div.answer div.closeanswer {
	background: #fff none;
	color: #000;
	font-size: 11px;
}

div.closeanswer a:link, div.closeanswer a:visited {
	color: #fff;
}

div.closeanswer a:hover {
	color: #fff;
	background: #000;
}

#otherquestions div.answer div.closeanswer a:link, 
#otherquestions div.answer div.closeanswer a:visited  {
	color: #333;
}

#otherquestions div.answer div.closeanswer a:hover {
	color: #fff;
	background: #000;
}

h2.question {
	font-size: 14px;
	margin: 5px 0px 0px 0px;
	padding: 5px 5px 5px 10px;
	border: 1px solid #ccc;
	background: #f0f0f0;
}

#otherquestions h2.question {
	border: none;
	font-size: 12px;
}

div.answer p {
	margin: 0 0 10px 0;
}

body.help .Left h2 {
	font-size: 18px;
	color: #000;
	margin: 0 0 3px 0; padding: 0;
}

body.help .Left h3 {
	font-size: 16px;
	color: #000;
	margin: 0 0 3px 0; padding: 0;
}

body.help .Left h3 span {
	color: #666;
	font-weight: normal;
}

body.help .Left p {
	margin: 0 0 20px 0;
}

body.help div.blankBar p {
	margin: 0;
}

body.help div.blankBar {
	margin-bottom: 20px;
}

/*-------------------------------------------------
POPUP
-------------------------------------------------*/

#Popup {
	text-align: left;
}

#Popup #Header {
	border: none;
	padding-left: 15px;;
}

#Popup #Header h2 {
	font-size: 16px;
	padding: 0;
	margin: 0px;
}

#Popup p {
	text-align: left;
}

#Popup #Body {
	margin: 0 15px;
}

#Popup #close {
	position: absolute;
	bottom: 0px;
	width: 100%;
	background: #fff;
	border-top: 1px solid #ccc;
	padding: 10px 0;
	text-align: center;
}


/*-------------------------------------------------
DASHBOARD LOG
-------------------------------------------------*/

span.projectflag {
	color: #666;
	font-size: 9px;
}

span.projectflag span.client {
	color: #000;
}

table.fresh {
	margin-bottom: 10px;
}

table.fresh td {
	font-size: 10px;
	padding: 0;
}

table.fresh td.icon {
	padding: 0 3px;
}

table.fresh td.title {
	color: #666;
	font-size: 9px;
}


table.fresh td.title a {
	font-size: 10px;
}

table.fresh td.title img {
	padding: 0 0 0 3px;
}


a.messagelink:link, a.messagelink:visited {
	color: #000;
	font-weight: bold;
}

a.messagelink:hover {
	color: #fff;
}

table.fresh tr.shade td {
	background: #e5e5e5;
}

table.fresh td.project {
	padding-top: 5px;
}


/*-------------------------------------------------
NEW NEW FORM (New Post styles, 6/4/2004)
-------------------------------------------------*/

.FormBlock {
	border: 1px solid #ccc;
	padding-left: 15px;
	font-size: 12px;
	margin-top: 20px;
	background: #f0f0f0;
	padding: 1px 0 15px 15px;
}

.FormBlock h2 {
	font-size: 11px;
	font-weight: bold;
	margin: 10px 0 0px 0;
}

.FormBlock h2 span {
	font-size: 10px;
	font-weight: normal;
	color: #999;
}

.FormBlock input {
}

.FormBlock input#post_title {
  width: 450px;
  font-size: 18px;
  font-weight: bold;
}

.FormBlock textarea {
	margin-top: 3px;
  width: 450px;
  font-size: 14px;
}

.FormBlock span.makeprivate {
	background: #ddd;
	padding: 3px;
}

div.loadtemplate {
	float: right;
	font-size: 11px;
	background: #fff;
	padding: 8px 0 8px 8px;
}

.FormBlock div.formatting {
	margin: 0 0 5px 0px;
	padding-left: 5px;
}

.FormBlock div.formatting p {
	font-size: 11px;
	color: #666;
	margin: 0;
	font-weight: normal;
}

.FormBlock div.formatting span {
	margin-left: 10px;
}

body.messages_form div.submit p {
  margin: 0 0 8px 5px; padding: 0;
}

body.messages_form div.submit input {
  font-size: 14px;
}

div.extra {
	font-size: 12px;
  margin: 15px 0 15px 15px;
	border-left: 8px solid #d9d9d9;
	padding: 5px 0 5px 10px;
}

.comments div.extra {
  margin: 0 0 10px 10px;
}

.comments p.submit {
  margin: 0 0 5px 5px;
  color: #999;
}

div.extra p {
  margin: 0;
}

div.extra,
div.extra div.showhide_link,
div.extra div.showhide {
  height: 1%; /* make sure IE hasLayout */
}

div.extra div.showhide_link p {
  margin: 0; padding: 0;
}

div.extra div.showhide {
  margin: 10px 0;
}

div.extra h2 {
  font-size: 14px;
  margin: 0 0 2px 0;
  padding: 0;
}

div.extra div#Attachments h2 span.upload_limit {
  color: #777;
  font-weight: normal;
}

div.extra p.upload_limit {
  color: #777;
  font-size: 11px;
}

div.extra div#AttachmentList {
}

div.extra div#AttachmentList ul {
  margin-bottom: 10px;
}

/*-------------------------------------------------
PERMISSIONS
-------------------------------------------------*/

table.permissions {
	width: 100%;
}

table.permissions tr.heading td {
	font-size: 14px;
	font-weight: bold;
	padding: 3px 5px 5px 0px;
	border-bottom: 1px solid #333;
}

table.permissions tr td {
	border-bottom: 1px solid #efefef;
	font-size: 10px;
	padding: 3px;
	white-space: nowrap;
}

table.permissions tr.writeboards td {
  white-space: normal;
}

table.permissions tr.grey td {
	background-color: #efefef;
}

table.permissions tr.allonoff td {
	border-top: 1px solid #999;
}

table.permissions td.name {
	white-space: normal;
	text-align: right;
	font-size: 11px;
	font-weight: bold;
	padding-right: 10px;
	border-right: 1px dotted #ccc;
}

table.permissions td.leftborder {
	border-left: 1px solid #000;
}

table.permissions tr td.addedit {
	font-size: 11px;
	font-weight: bold;
	padding: 0 0 0 5px;
	border-left: 1px solid #000;
}

.notchecked {
	color: #999;
}

/*-------------------------------------------------
ACCOUNT CHART/PAGE
-------------------------------------------------*/

div#subdomain_notice {
	font-size: 12px;
	color: red;
	font-weight: bold;
	margin-bottom: 10px;
}

table.accountchart {
	margin: -15px 0 25px 0;
	border-top: 10px solid #000;
	border-bottom: 10px solid #000;
}

table.accountchart th.top {
	border: none;
	border-bottom: 1px solid #000;
	font-size: 14px;
	color: #333;
	font-weight: bold;
	text-align: left;
	padding-left: 0;
}

table.accountchart th img {
	margin-top: 3px;
	background-color: #fff;
	border: none;
}

table.accountchart th a:hover, table.accountchart th a {
	background-color: #fff;
	padding: 0;
	margin: 0;
}

table.accountchart small {
	color: #999;
}

table.accountchart th {
	font-size: 16px;
	padding: 3px 7px 3px 7px;
	text-align: center;
	vertical-align: top;
	border-bottom: 1px solid #999;
	border-right: 1px solid #E3DFDF;
	border-left: 1px solid #E3DFDF;
}

table.accountchart th.activeprojects {
	font-size: 10px;
	color: #333;
	text-align: left;
	font-weight: normal;
	padding-left: 0;
	border-left: none;
}

table.accountchart th.current, table.accountchart td.current  {
	background-color: #ffc;
}

table.accountchart td.select {
	font-size: 10px;
	font-weight: bold;
	background-color: #ffc;
}

table.accountchart td.shaded {
	background-color: #ffc;
}

table.accountchart td.projectnumber {
	font-size: 14px;
}

table.accountchart td {
	border-bottom: 1px solid #E3DFDF;
	padding: 3px;
	font-size: 9px;
	border-right: 1px solid #E3DFDF;
	border-left: 1px solid #E3DFDF;
	text-align: center;
}

table.accountchart td.banner {
	background-color: #333;
	color: #fff;
	font-size: 9px;
	font-weight: bold;
}

table.accountchart td.notes {
	font-size: 9px;
	color: #666;
	text-align: right;
	border-left: none;
	border-right: none;
}

table.accountchart td.plancatper, table.accountchart td.plancatbiz {
	background-color: #fff;
	font-size: 9px;
	font-weight: bold;
}

table.accountchart h4 {
	background-color: #390;
	font-weight: bold;
	color: #fff;
	white-space: nowrap;
	font-size: 10px;
	padding: 2px;
	margin: 5px 0 0 0;
}

table.accountchart td.item {
	text-align: right;
	vertical-align: top;
	font-size: 11px;
	border-right: 1px solid #ccc;
	white-space: nowrap;
}

table.accountchart span.price {
	font-size: 10px;
	color: #f60;
}

#Listform li div.floatnote {
	float: right;
	padding: 0;
	margin-left: 35px;
	width: 300px;
	font-size: 10px;
}

#Listform li div.floatnote strong {
	color: #900;
}

div.whynot a:link, div.whynot a:visited {
	line-height: 2em;
	font-size: 11px;
}

table.accountchart th div.whynot a:hover {
	background-color: #30c;
	color: #fff;
	text-decoration: none;
}

/*-------------------------------------------------
CUSTOM FORM ELEMENTS
-------------------------------------------------*/

/* Big text input for to-do list titles */
input.big {
	font-size: 16px;
	font-weight: bold;
	width: 485px;
	padding: 3px;
	margin: 0 0 10px 0;
}

input.todoitem {
	padding: 3px;
	font-size: 12px;
	width: 485px;
}

textarea.todoitem {
	padding: 3px;
	font-size: 14px;
	width: 485px;
	margin: 0 5px 3px 0;
}

div.FormSubBlock textarea {
	padding: 3px;
	font-size: 12px;
}

.FormBlock table#items td select {
	width: 150px;
	margin-bottom: 5px;
}

.FormBlock table#items td a.admin {
	font-size: 9px;
}

/*-------------------------------------------------
SETTINGS TAB and SUBNAV
-------------------------------------------------*/

ul#Tabs li a#settings {
	margin-left: 10px;
}


/*-------------------------------------------------
NEW FOR PROPORTIONAL WIDTH VERSION 
-------------------------------------------------*/

.col {
	padding: 0 20px;
	text-align: left;
}

.Left .col,
.Full .col {
  position: relative;
  padding: 0;
  background: #fff;
  -moz-box-shadow: 3px 3px 4px #bbb;
  -webkit-box-shadow: 3px 3px 4px #bbb;
  box-shadow: 3px 3px 4px #bbb;
  border-right: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  margin-right: 7px;
}

body:first-of-type .Left .col,
body:first-of-type .Full .col {border: none; margin-right: 8px;} /* for browsers that support box-shadow */


.Left .innercol,
.Full .innercol {
  padding: 15px 60px 20px 23px;
}

div.Left div.bottom,
div.Full div.bottom {
  font-size: 8px;
}

div.Right .col {
	min-width: 200px;
	padding: 0 0 0 9px;
}

/*-------------------------------------------------
NEW MILESTONE CALENDAR SECTION
-------------------------------------------------*/

table.Fullcal .late,
table.Fullcal .completed,
table.Fullcal .upcoming {
	padding: 3px;
	color: #000;
	margin-top: 2px;
	clear: left;
}

table.Fullcal .late p,
table.Fullcal .completed p,
table.Fullcal .upcoming p {
	margin: 0 0 0 20px;
	line-height: 12px;
	padding: 0;
	font-size: 10px;
}

table.Fullcal .late input,
table.Fullcal .completed input,
table.Fullcal .upcoming input {
	float: left;
	margin: 0 5px 5px 2px;
}

table.Fullcal .late span,
table.Fullcal .completed span,
table.Fullcal .upcoming span {
	color: #666;
	font-size: 9px;
	font-weight: normal;
}

table.Fullcal div.late {
	background: #F8E1E1;
	border: 1px solid #AA2B2B;
	color: #900;
}

table.Fullcal div.completed {
	background: #E2F3E8;
	border: 1px solid #9ED8B1;
	color: #070;
	font-weight: normal;
}

table.Fullcal td.with div.late,
table.Fullcal td.with div.completed {
	border: none;
}

table.Fullcal div.upcoming {
	background: #fff;
}

table.Fullcal span#todaystamp {
	color: #d93;
	font-weight: normal;
}

/*-------------------------------------------------
FORMATTING GUIDE
-------------------------------------------------*/

div.formattingtips p {
	font-size: 11px;
	line-height: 14px;
	margin: 0 0 10px 0;
}

.comments div.formattingtips {
  padding-top: 5px;
  border-top: 3px solid #dcdcdc;
}


div.markdownexamples p {
	font-family: monospace;
	font-size: 12px;
}

div#formatting_guide {
  margin-right: 8px;
}

div#formatting_guide h2 {
  font-size: 16px;
  border: none;
}

div#formatting_guide table {
  margin: 15px 0 15px 0;
  background: #fff;
  border-collapse: collapse;
}

div#formatting_guide table th {
  text-align: left;
  border: 1px solid #ddd;
  padding: 6px;
  font-weight: normal;
  background: #666;
  color: #fff;
}

div#formatting_guide table td {
  border: 1px solid #ddd;
  font-size: 12px;
  padding: 6px;
}

div#formatting_guide table td ol,
div#formatting_guide table td ul {
  padding: 0;
  margin: 5px 0 5px 20px;
}

div#formatting_guide table td ul li {
  list-style-type: disc;
}

div#formatting_guide table td blockquote {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 5px;
  margin-bottom: 5px;
}

div#formatting_guide table td h1 {
  font-size: 130%;
}

div#formatting_guide table td h2 {
  font-size: 100%;
}

div#formatting_guide table td h3 {
  font-size: 100%;
}

/*-------------------------------------------------
PAGINATION
-------------------------------------------------*/

div.pagination {
  margin: 15px 0;
  font-size: 13px;
  text-align: right;
}

div.pagination a, div.pagination strong {
  text-decoration: none;
  padding: 1px 4px;
  border: 1px solid #ccc;
  margin-right: 3px;
}

div.pagination strong {
  border: none;
  color: #000;
  padding: 1px 3px;
  margin-right: 2px;
}

div.pagination span {
  color: #666;
  font-size: 12px;
}

/*-------------------------------------------------
WRITEBOARDS
-------------------------------------------------*/

div.writeboards {
	font-size: 14px;
	color: #ccc;
}

div.writeboards ol {
	list-style: none;
	margin: 0;
	padding: 0;
}

div.writeboards li {
  position: relative;
	margin: 0 0 5px 0;
	font-size: 16px;
  line-height: 16px;
  font-weight: bold;
}

div.writeboards li span.detail { /* who's page is it? */
  font-weight: normal;
  font-size: 10px;
  color: #999;
  margin-left: 10px;
}

div.showhide {
  background: #efefef;
  padding: 10px 10px 1px 10px;
  margin: 0 0 20px 0;
  border: 2px solid #ccc;
}

div.showhide h2 {
  margin: 0;
  font-size: 12px;
  border-bottom: 1px solid #ccc;
}

div.showhide p {
  margin: 8px 0;
  color: #000;
  font-weight: normal;
}

div#limit_reached {
	font-size: 12px;
}

table.form {
  border-collapse: collapse;
}

table.form th {
  text-align: right;
  padding: 0px;
  padding-right: 5px;
  font-size: 12px;
}

table.form td {
  text-align: left;
  padding: 0px;
}

table.form td input {
  width: 335px;
  font-size: 14px;
  padding: 2px;
}

table.form tr.url th  {
  vertical-align: top;
  line-height: 28px;
}

table.form tr.url td  {
  line-height: 14px;
  font-size: 11px;
  padding-bottom: 5px;
  color: #666;
}

table.form tr.password td input {
  width: 200px;
}

table.form tr.submit td {
  font-size: 11px;
}

table.form tr.submit td input {
  width: auto;
}

/*-------------------------------------------------
GENERAL NUBBIN (adapted from BP)
-------------------------------------------------*/

span.nubbin_hover {
  position: relative;
  z-index: 2;
}

span.nubbin {
  position: absolute;
  background: url(/images/basecamp_sprites.png) no-repeat -185px top;
  width: 40px;
  top: -6px;
  left: -50px;
  padding: 0 0 0 7px;
  z-index: 1;
}

/* LIST nubbins */

  div.list span.nubbin { left: -50px; }
  div.list div.Privatetodo span.nubbin { left: -67px; }
  div.list div.PrivatetodoIE span.nubbin { left: -67px; }

  div.list div.content_for_item span.nubbin { left: -85px; }
  div.list div.Privatetodo div.content_for_item span.nubbin { left: -105px; }
  div.list div.PrivatetodoIE div.content_for_item span.nubbin { left: -105px; }

  div.list_with_time div.content_for_item span.nubbin { left: -105px; }
  div.list_with_time div.Privatetodo div.content_for_item span.nubbin { left: -127px; }
  div.list_with_time div.PrivatetodoIE div.content_for_item span.nubbin { left: -127px; }

li span.nubbin {
  left: -75px;
}

span.nubbin img {
  margin: 9px 0 6px 0;
}

/*-------------------------------------------------
FIELDSET
-------------------------------------------------*/

fieldset {
	padding: 10px;
	margin-bottom: 15px;
	border: 1px solid #999;
}

fieldset p {
	font-size: 11px;
	margin: 0 0 5px 0;
	padding: 0;
	color: #666;
}

fieldset legend {
	font-size: 12px;
	font-weight: bold;
	color: #874c00;
}

fieldset legend span {
	color: #666;
	font-weight: normal;
	font-size: 80%;
}

/*-------------------------------------------------
FILE HOSTING
-------------------------------------------------*/

table.hostoption {
	margin: 10px auto 30px auto;
}

table.hostoption p {
	font-size: 12px;
	line-height: 15px;
	text-align: left;
	margin: 0 0 15px 0;
}

table.hostoption td {
	text-align: center;
	font-size: 12px;
}

table.hostoption td.option {
	border: 5px solid #ccc;
	padding: 10px;
	vertical-align: top;
	width: 45%;
}

table.hostoption td.selected {
	background-color: #ffc;
}

table.hostoption td.current {
	background-color: #d89800;
	font-weight: bold;
	color: #fff;
}

table.hostoption td.notcurrent {
	border: 1px solid #ccc;
	border-bottom: 0;
}

table.hostoption td.option h2 {
	margin: 0 0 10px 0;
	font-size: 16px;
	color: #000;
}

table.hostoption tr.actions td {
	padding: 3px;
}

table.hostoption td.option h3 {
	font-size: 11px;
	text-align: left;
	border-bottom: 1px solid #dcdcdc;
	color: #000;
	margin: 0 0 2px 0;
}

div.faq h3 {
	color: #000;
	margin: 0 0 2px 0;
	padding: 0;
}

div.faq p {
	margin: 0 0 15px 0;
	width: 75%;
}

/*-------------------------------------------------
AFFILIATE PROGRAM
-------------------------------------------------*/

body.affiliate h2 {
	margin-bottom: 3px;
	color: #900;
	border-bottom: 1px solid #efefef;
}

body.affiliate h2 span, body.affiliate p span.highlight2 {
	background-color: #ffc;
	border: 1px solid #fc6;
	padding: 3px;
	font-family: monospace;
	letter-spacing: 1px;
}

body.affiliate div.Left p {
	width: 80%;
	font-size: 12px;
	margin-top: 0;
}

body.affiliate h1 {
	margin: 20px 0 15px 0;
	color: #000;
}

body.affiliate div.page_header h1 {
  margin-bottom: 0;
}

body.affiliate div.col {
	padding-bottom: 20px;
}

body.affiliate ol {
	margin: 0 0 20px 40px;
	width: 75%;
}

body.affiliate div.affiliatechart {
	float: right;
	margin: 0 0 25px 25px;
	padding: 10px;
	width: 200px;
	background-color: #fff;
	border: 2px solid #fc9;
}

body.affiliate div.affiliatechart table {
	margin-bottom: 10px;
}

body.affiliate div.affiliatechart table, body.affiliate div.affiliatechart p {
	width: 100%;
	margin-top: 0;
}

body.affiliate div.affiliatechart table td {
	font-size: 12px;
	padding: 2px;
	border-bottom: 1px solid #ccc;
	width: 100%;
	white-space: nowrap;
}

body.affiliate div.affiliatechart table th {
	font-size: 10px;
	text-align: center;
	padding: 2px;
	background-color: #333;
	color: #fff;
}

body.affiliate table.affiliatecount td {
	padding: 5px;
	font-size: 12px;
	border-bottom: 1px solid #ccc;
}

body.affiliate table.affiliatecount td.total {
	border: 10px solid #ccc;
	background-color: #9f9;
	font-size: 11px;
	text-align: center;
}

body.affiliate table.affiliatecount td.total strong {
	font-size: 11px;
}

body.affiliate table.affiliatecount td.total h1 {
	font-size: 20px;
	margin: 0;
}

body.affiliate table.affiliatecount td small {
	color: #999;
}

body.affiliate table.affiliatecount td strong {
	font-size: 18px;
}

body.affiliate table.affiliatecount td.earned {
	font-size: 18px;
	font-weight: bold;
	color: #000;
	background-color: #cfc;
	border-bottom: 0;
}

body.affiliate table.affiliatecount td.totals {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	width: 300px;
}

body.affiliate table.affiliatecount td.totals strong {
	font-size: 12px;
}

body.affiliate table.affiliatecount th.earned {
	background-color: #cfc;
	color: #000;
}

body.affiliate table.affiliatecount th {
	font-size: 11px;
	text-align: left;
	color: #fff;
	padding: 5px;
	background-color: #333;
}

body.affiliate table.affiliatecount {
	margin-bottom: 30px;
}

body.affiliate textarea {
	width: 400px;
	height: 50px;
	margin-bottom: 20px;
}

body.affiliate ol.easylist li {
	font-size: 14px;
	line-height: 17px;
}

body.affiliate textarea {
	width: 468px;
	height: 100px;
}



/*-------------------------------------------------
BASIC FORM
-------------------------------------------------*/

div.basic_form_wrapper {
  text-align: left;
  padding: 0 0 20px 0;
  position: relative;
}

div.basic_form {
	background-color: #f5f5f5;
	border-bottom: 1px solid #dcdcdc;
  border: 2px solid #ccc;
	margin: 0;
	padding: 10px 20px 10px 10px;
	font-size: 11px;
}

div.basic_form input.expanded,
div.basic_form textarea.expanded {
  width: 95%;
}

div.basic_form input, div.basic_form textarea {
	width: 300px;
	padding: 3px;
}

div.basic_form input.autosize {
  width: auto;
}

div.basic_form input.big {
	font-size: 18px;
}

div.basic_form textarea {
	width: 300px;
  font-size: 13px;
	height: 75px;
}

div.basic_form h2 {
	font-size: 14px;
	margin: 0 0 5px 0;
	border-bottom: 0px;
}

div.basic_form h3 {
	font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
  font-weight: bold;
  color: #333;
	font-size: 12px;
	margin: 0 0 2px 0;
	border: none;
}

div.basic_form h3.optional {
  font-weight: normal;
}

div.basic_form h2 span {
	font-family: georgia;
	font-style: italic;
	font-weight: normal;
	color: #666;
	font-size: 90%;
}

div.basic_form h1 {
	font-size: 16px;
	margin-bottom: 5px;
}

div.basic_form p {
	font-size: 12px;
  margin: 0 0 15px 0;
}

div.basic_form p.submit {
  color: #999;
  margin-bottom: 5px;
}

div.basic_form p.submit input {
  width: auto;
  font-size: 14px;
}

/*-------------------------------------------------
CHAT
-------------------------------------------------*/

body.affiliate h1 {
	margin-top: 0;
}

body.chat div.chatsetup {
	border: 5px solid #fc9;
	width: 225px;
	font-size: 11px;
}

body.chat div.chatsetup h3 {
	font-size: 12px;
	color: #000;
	margin: 10px 0 0 0;
	padding: 0;
}

body.chat p	{
	font-weight: normal;
}

.choose_room select.existing_rooms {
  font-size: 14px;
}

.choose_room input.new_room {
  font-size: 14px;
  width: 250px;
}

body.loading {
  padding-top: 50px;
}


/*-------------------------------------------------
ROOM
-------------------------------------------------*/


div.room {
  width: 35%;
  text-align: center;
	margin: 0 auto 20px auto;
}

div.room h2 {
  font-family: helvetica, arial, sans-serif;
  font-size: 24px;
  letter-spacing: -1px;
	margin: 0;
	padding: 0;
}

div.room h2 a {
  font-size: 24px;
  letter-spacing: -1px;
}

body.lobby div.locked {
  border-color: #999;
}

body.lobby div.locked h2 {
  color: #999;
  font-size: 24px;
  letter-spacing: -1px;
}


div.room div.updated {
  margin: 3px 0 8px 0;
	font-size: 11px;
	font-style: italic;
	color: #666;
	font-weight: normal;
	font-family: georgia;
}

div.room div.updated span.active {
  color: green;
  font-weight: bold;
}

div.room p {
  margin: 5px 0 5px 0;
  font-size: 14px;
}

div.room ul {
  margin: 8px 0 0 0; padding: 10px 0 0 0;
  list-style-type: none;
  border-top: 1px dotted #dcdcdc;
}

div.room li {
	margin: 0 0 2px 0;
	padding: 0;
	font-size: 12px;
}

/*-------------------------------------------------
WELCOME
-------------------------------------------------*/

body.welcome div.startBar {
	text-align: center;
	background-color: #ffc;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 7px;
	margin-bottom: 25px;
}

body.welcome div.startBar h1 {
	font-size: 22px;
	margin: 0 0 3px 0;
	padding: 0;
}

body.welcome div.startBar p {
	margin: 0;
	padding: 0;
}

body.welcome div.otherOptions h1 {
	font-size: 14px;
	margin: 0 0 15px 0;
	padding: 0;
	color: #900;
	border-bottom: 1px dotted #ccc;
}

body.welcome div.otherOptions h2 {
	font-size: 16px;
	margin: 0 0 3px 0;
	padding: 0;
}

body.welcome div.otherOptions p {
	font-size: 14px;
	margin: 0 0 15px 0;
	padding: 0;
}

/*-------------------------------------------------
WELCOMEPRINT
-------------------------------------------------*/

body.welcomePrint {
	text-align: left;
	background: white;
	padding: 20px;
}

body.welcomePrint h1 {
	font-family: helvetica, sans-serif;
	font-size: 20px;
	margin: 0 0 3px 0;
	padding: 0;
	color: #000;
}

body.welcomePrint h2 {
	font-family: helvetica, sans-serif;
	font-size: 16px;
	margin: 0 0 5px 0;
	padding: 0;
	color: #000
}

body.welcomePrint h2.heading {
	border-bottom: 1px solid #ccc;
	margin: 0 0 25px 0;
}

body.welcomePrint h3 {
	font-family: helvetica, sans-serif;
	font-size: 14px;
	margin: 0 0 5px 0;
	padding: 0;
	color: #000
}

body.welcomePrint p {
	font-family: georgia, serif;
	font-size: 14px;
	margin: 0 0 25px 0;
	padding: 0;
	line-height: 1.4em;
}

/*-------------------------------------------------
NEW BLANK SLATES
-------------------------------------------------*/

div.blankBar {
	padding: 10px;
	border-top: 1px solid orange;
	border-bottom: 1px solid orange;
	background-color: #ffc;
	text-align: center;
	margin-bottom: 20px;
}

body.help div.blankBar {
	background-color: #efefef;
	border-top: none;
	border-bottom: none;
}

div.blankExample {
	text-align: center;
	margin-bottom: 20px;
}

div.blankExample img {
	border: 1px solid #ccc;
}

div.blankBar h1, div.blankExample h1 {
	font-size: 20px;
	margin: 0 0 5px 0;
}

div.blankBar h1 a:hover {
	text-decoration: none;
}

div.blankExample h1 {
	font-size: 16px;
	margin: 0 0 2px 0;
}

div.blankBar p {
	margin: 0;
}

div.blankExample p {
	margin: 0 0 15px 0;
}


/*-------------------------------------------------
ACCOUNT DETAILS
-------------------------------------------------*/

body.account div.page_header_links {width: 250px;}

body.account div.page_header_links span.new {
	color: #000;
	background: yellow;
	font-weight: bold;
	font-size: 10px;
}

body.account div.innercol {padding: 15px 23px 20px;}

body.account div.Full {
	width: 980px;
	margin: 0 auto;
}

body.account p.note {
	color: #666; 
	font-size: 12px; 
	text-align: center;
	border-bottom: 1px solid #999;
	padding: 0 0 10px;
	margin-bottom: 0;
}

body.account p.note a {
	color: #666;
	text-decoration: underline;
}

body.account p.note a:hover {
	color: #FFF;
	background-color: #666;
}

body.account .accountLink {
	color: #333; 
	font-size: 18px; 
	font-weight: normal; 
	padding-bottom: 6px; 
	border-bottom: 1px solid #CCC;
	margin-top: 0;
}

body.account .accountLink .link {font-size: 13px;}

body.account .urlName {
	font-size: 24px; 
	color: #000; 
	font-weight: bold;
}

body.account .memberSince {
	float: right; 
	font-size: 13px; 
	color: #999; 
	font-weight: normal;
	margin-top: 10px;
}

body.account .payInfo {
	float: right; 
	font-weight: normal;
	margin: 1px 0 0 2em;
	text-align: right;
	font-size: 13px;
	line-height:16px;
}

body.account .payInfo .note {
  color:#999;
}
body.account .payInfo .note * {
  color:#999;
}
body.account .payInfo .note a:hover {
  color:#fff;
}

body.account .status {
	font-size: 14px; 
	color: #000; 
	margin: 6px 0 22px;
}

body.account #Listform div.leftCol {
	float: left;
	width: 67%;
}

body.account #Listform div.rightCol {
	float: right;
	width: 30%;
}

body.account .clear {clear: both;}
body.account #Listform div.rightCol h1 {font-size: 14px;}

/*-------------------------------------------------
ACCOUNT CHART
-------------------------------------------------*/

table.account_chart {
	width: 100%;
	margin: 1px 0 10px;
	color: #000;
}

table.account_chart td, table.account_chart th {
	border-bottom: 1px solid #CCC;
	padding: 10px 18px;
	text-align: center;
	font-size: 12px;
}
table.account_chart td, body.en table.account_chart th { white-space: nowrap }

table.account_chart tr.your_plan td, table.account_chart tr.your_plan th {background: #edf3fe;}
table.account_chart th {text-align: left;}

table.account_chart tr.header th {
	background: #ddd;
	color: #444;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: normal;
	text-align: center;
	border-top: 1px solid #999;
}
body.en table.account_chart tr.header th { white-space: nowrap }

body.el table.account_chart tr.header th {text-transform: none;}

table.account_chart td.details {
	font-size: 13px;
	color: #444;
	background: #FFF;
}

table.account_chart td.details strong {color: #000;}

table.account_chart tr.header th.head {
	color: #000; 
	font-size: 14px; 
	text-align: left; 
	font-weight: bold; 
	text-transform: none; 
	padding: 10px 18px;
}

table.account_chart span.price {
	color: #666; 
	font-size: 13px;
}

table.account_chart span.price em {
	font-weight: normal; 
	font-size: 12px;
}

table.account_chart td a {
	color: #333;
	font-size: 11px;
}

table.account_chart td.details a {font-size: 13px;}

table.account_chart td a:hover {
	color: #FFF;
	background-color: #333;
}

table.account_chart td .button a {
	background: url(/images/basecamp_sprites.png) no-repeat left -1416px;
  color: #333;
	display: table-cell; /* Fix for Firefox 2 */
  display: inline-block;
  font-family: helvetica, arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  height: 26px;    
  white-space: nowrap;
	text-decoration: none;
	padding: 0 0 0 5px;
	margin: 0 0 0 12px;
}

table.account_chart td .button span {
	background: url(/images/basecamp_sprites.png) no-repeat right -1355px;
  display: block;
  padding: 0 14px 0 10px;
  line-height: 26px;	
}

body.account div.promotion {
	color: #000;
	font-weight: normal;
	font-size: 13px;
	border: none;
	text-align: center;
	font-family: helvetica, sans-serif;
	margin: 0 0 20px;
}

body.account div.promotion span {
	font-size: 14px;
	color: #31832c;
}

/*-------------------------------------------------
CURRENT PLAN AND UPGRADE OFFER
-------------------------------------------------*/

#upgradeOffer {
  background: #E5E5E5 url(/images/gradient_grey_vert.gif) repeat-x left bottom; 
	text-align: center; 
	padding: 5px 6px 9px; 
	margin: 0 0 15px; 
	position: relative;
}

#upgradeOffer.make_room_for_skybox {
  width: 608px;
}

#upgradeOffer h1.upgrade_local {
  background: #000;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  margin: -5px -6px 10px;
  padding: 5px;
  text-transform: uppercase;
}

#upgradeOffer .arrow {
  position: absolute;
  top: 65px;
  left: 235px;
  width: 79px;
  height: 44px;
}

#upgradeOffer .cards {
	margin: 6px auto 0;
	text-align: center;
	padding-bottom: 21px;
	height: 300px;
  position: relative;
  width: 585px;
}

/* Fix for Firefox 2 */
#upgradeOffer .cards, x:-moz-any-link {margin: 6px 0 0 70px;}
#upgradeOffer .cards, x:-moz-any-link, x:default {margin: 6px 0 0 0;}

#upgradeOffer .upgraded_card {
	display: table-cell; /* Fix for Firefox 2 */
	display: inline-block;
	width: 250px; 
	margin: 0 10px 0 0;
	height: 300px;
	vertical-align: top;
}

#upgradeOffer .card {
	width: 250px; 
	margin: 2px 60px 0 0; 
	background: #EEE; 
	border: 4px solid #FFF; 
	text-align: left;		
	display: inline-block;
	height: 300px;
	vertical-align: top;
}

/* Fix for Firefox 2 */
#upgradeOffer .card, x:-moz-any-link {display: table-cell; float: left;}
#upgradeOffer .card, x:-moz-any-link, x:default {display: inline-block; float: none;}

#upgradeOffer .upgraded_card .card {margin-top: 0;}

#upgradeOffer .card h1 {
	color: #FFF; 
	background: #666; 
	font-size: 26px; 
	font-weight: bold; 
	padding: 3px 12px; 
	font-family: helvetica, sans-serif;
}

#upgradeOffer .upgraded_card .card h1 {background: #33a52e;} 

#upgradeOffer .card span.title {
	text-transform: uppercase; 
	color: #FFF; 
	background: #222; 
	font-size: 14px; 
	font-weight: bold; 
	padding: 6px 12px 3px;
	display: block;
}

#upgradeOffer .upgraded_card .card span.title {background: #000;}
body.el #upgradeOffer .card span.title {text-transform: none;}
	
#upgradeOffer .card ul.features {
	display: block;
	background: #FFF;
	padding: 8px 12px 10px;
	margin: 0;
}

#upgradeOffer .card ul.plus {background: #FFF url(/images/message_plus.gif) no-repeat 140px top;}
#upgradeOffer .card ul.premium {background: #FFF url(/images/message_premium.gif) no-repeat right top;}
#upgradeOffer .card ul.max {background: #FFF url(/images/message_max.gif) no-repeat right top;}

body.no_handwriting #upgradeOffer .card ul.plus,
body.no_handwriting #upgradeOffer .card ul.premium,
body.no_handwriting #upgradeOffer .card ul.max {
  background-image: none;
}

#upgradeOffer .card ul.features li {
	font-size: 18px;
	color: #000;
	font-weight: normal;
	padding: 0;
	margin: 6px 0 12px;
	font-family: helvetica, sans-serif;
}

#upgradeOffer .card ul.featuresSmall {
	margin: 0; 
	padding: 4px 12px 0;
	}
	
#upgradeOffer .card ul.featuresSmall li {
	font-size: 13px;
	margin: 3px 0 6px;
	color: #000;
	padding: 0;
	font-weight: normal;
}

#upgradeOffer .card ul.featuresSmall span.sprite {vertical-align: text-top;}

#upgradeOffer .card h2 {
	color: #666; 
	font-weight: bold; 
	font-family: helvetica, sans-serif; 
	font-size: 24px; 
	padding: 6px 0 0; 
	margin: 10px 12px; 
	border-top: 1px solid #999;
}

#upgradeOffer .card h2 span {
	font-weight: normal; 
	font-size: 13px;
}

#upgradeOffer .card .button a {
	background: url(/images/basecamp_sprites.png) no-repeat left -1278px;
  color: #FFF;
  display: block;
  float: left;
  font-family: helvetica, arial, sans-serif;
  font-size: 17px;
  font-weight: bold;
  height: 33px;    
  white-space: nowrap;
	text-decoration: none;
	padding: 0 0 0 7px;
	margin: 0 12px 10px;
	text-shadow: #31832c 0 0 2px;
	letter-spacing: normal;
}

#upgradeOffer .card .button span {
	background: url(/images/basecamp_sprites.png) no-repeat right -1201px;
  display: block;
  padding: 0 14px 0 5px;
  line-height: 33px;	
  color: #fff;
}

#upgradeOffer .cards.max,
#upgradeOffer .cards.max .card {
  height: 350px;
}

#upgradeOffer .awesome {
	width: 300px; 
	margin: 2px 0 0 0;
	padding: 8px 0 0 15px; 
	text-align: left; 
	display: table-cell; /* Fix for Firefox 2 */
	display: inline-block;
	vertical-align: top;
}

#upgradeOffer .awesome p {
	font-size: 13px;
	line-height: 17px;
	margin: 13px 0 0;
}

#upgradeOffer .awesome .headline {
	margin-left: -5px;
	margin-bottom: -15px;
}

div.skybox_ad li {line-height: 1.3em;}
div.skybox_ad p.footer {color: #000; padding: 0; line-height: 1.3em;}

/*-------------------------------------------------
INVOICE LIst
-------------------------------------------------*/

ul.invoiceList li {
	width: 48%;
	float: left;
	margin: 0 1%;
}

ul.invoiceList:after, body.account .status:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both;  
  visibility: hidden;
}
 
ul.invoiceList, body.account .status {display: inline-block;}
ul.invoiceList, body.account .status {display: block;}

div#invoice .show a {
  font-size: 13px;
}

div#invoice pre {
  margin-left: 20px;
  font-size: 10px;
}

div .not_english {
  padding: 10px 20px 10px 0;
  margin: 10px 0;
  background-color: #ffffcc;
}


body.administrators h2 {
  margin-bottom: 7px !important;
}

body.administrators label {
  cursor: pointer;
}

body.administrators div.sidebar {
  background: #fff;
  width: 270px;
  float: right;
  border: 1px solid #ccc;
  margin-bottom: 20px;
}

body.administrators div.sidebar div.inner {
  padding: 10px 5px 10px 20px;
}

body.administrators div.sidebar div.inner h2 {
  margin: 0 0 7px 0;
}

body.administrators div.sidebar div.inner p {
  font-size: 12px;
  margin: 0 0 14px 0;
}

body.administrators p {
  line-height: 140% !important;
}

body.administrators p.submit input {
  font-size: 16px;
}



body.appearance .color.selected td.swatch {
  background: url(/images/basecamp_sprites.png) no-repeat right -905px;
}

body.appearance div.innercol {
  padding-right: 30px;
}

body.appearance .color.selected td.swatch div.color_swatch {
  border: 2px solid #666;
  margin: 0;
}

body.appearance .color div.color_swatch {
  display: block;
  border: 1px solid #ccc;
  margin: 0 1px;
  width: 50px;
  height: 18px;
  cursor: pointer;
}

body.appearance div#scheme_colors {
  position: relative;
}

body.appearance div#swatch_editor div.explanation p {
  margin: 26px 0 0 10px;
  font-size: 12px;
  line-height: 140%;
  font-style: italic;
  color: #888;
}

body.appearance div.submit {
  border: none;
  text-align: left;
  padding: 15px 0 0 0;
  margin: 0 0 20px 0;
}

body.appearance div#swatch_editor {
  width: 320px;
}

body.appearance div#swatch_editor.editing div.explanation,
body.appearance div#swatch_editor div.color_picker {
  display: none;
}

body.appearance div#swatch_editor.editing div.color_picker {
  display: block;
}

body.appearance div#swatch_editor a.revert {
  visibility: hidden;
}

body.appearance div#swatch_editor.changed a.revert {
  visibility: visible;
}

div.color_picker div.submit {
  color: #333;
  text-align: left;
  clear: both;
  padding: 10px 0 0 0;
  margin: 0;
  border: none;
  font-size: 12px;
}

div.color_picker div.submit a {
  color: #333;
}

div.color_picker div.submit a.revert {
  font-size: 12px;
}

div.color_picker div.submit a:hover {
  color: #fff;
  background: #333;
}

div.color_picker div.submit div.close a:hover {
  background: none;
  color: #ccc;
}

div.color_picker div.submit div.close a:active {
  color: #fff;
}

div.color_picker div.submit div.close {
  float: right;
  width: 15px;
  font-size: 14px;
  text-align: right;
  margin-right: 8px;
}

div.color_picker div.submit div.close a {
  text-decoration: none;
  padding: 2px;
}

div.color_picker div.submit input.color {
  margin-right: 5px;
  font-size: 12px;
  padding: 0;
  width: 65px;
}

div.color_picker div.submit a.admin {
  font-size: 12px;
}


/*-------------------------------------------------
APPEARANCE
-------------------------------------------------*/

body.appearance div.SectionHeader {
  margin-bottom: 20px;
}

body.appearance tr.color_scheme *,
body.appearance tr.color {
  cursor: pointer;
}

span.swatches {
  font-size: 16px;
  padding: 3px 10px;
}

span.swatches span {
  padding: 0px 10px;
  font-size: 9px;
}

span.swatches span.client {
  padding: 0 10px;
}

table#schemes_and_custom {
  margin: 12px 0 0 15px;
  border-collapse: collapse;
}

table#schemes_and_custom td {
  white-space: nowrap;
}

table#schemes_and_custom td.column {
  vertical-align: top;
  text-align: right;
  width: 1%; 
}

table#schemes_and_custom td.column h2 {
  margin: 0 0 8px 0;
  font-size: 14px;
}

table#schemes_and_custom th {
  text-align: right;
  font-size: 14px;
  white-space: nowrap;
  padding-right: 15px;
  border-right: 1px solid #ddd;
}

table#schemes_and_custom td#schemes {
  padding-right: 15px;
  padding-bottom: 40px;
  border-right: 1px solid #ddd;
}

table#schemes_and_custom td#custom {
  background: url(/images/color_column_background.gif) top right repeat-y;
  font-size: 12px;
  padding-right: 0;
  padding-left: 10px; 
  padding-right: 0; 
  border: none;
}

table#schemes_and_custom td.swatch_editor {
  border: none;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  text-align: left;
}

table#schemes_and_custom tr.submit td {
  border-top: 1px solid #ddd;
}

.Preview {
	background: #e5e5e5;
	margin: 0 0 0 0;
  padding: 0 0 8px 0;
  border-bottom: 1px solid #ccc;
}

.Preview * {
  cursor: default !important;
}

.Preview .Header {
  background: #ddd;
	padding: 15px 0 0 15px;
}

p.FauxH1 {
	font-family: "Lucida Grande", arial, sans-serif;
	font-weight: normal;
	padding: 0;
	margin: 0 0 13px 0;
	font-size: 24px;
	color: #fff;
}

span.FauxH2 {
	font-size: 16px;
	font-weight: normal;
	color: #fff;
}

.Preview ul {
	margin: 0; padding: 0;
	height: 24px;
}

.Preview li {
	margin: 0; padding: 0;
	display: inline;
	list-style-type: none;
	border: none;
}
	
.Preview ul a:link, .Preview ul a:visited {
  float: left; /* for IE6 */
	font-size: 12px;
	font-weight: normal;
	padding: 4px 8px 6px 8px;
	margin: 0 3px 0 0;
  text-decoration: none;
  color: #fff;
  background: #fff;
  border-bottom: 1px solid #fff;
  position: relative;
}

.Preview ul a:link.current, .Preview ul a:visited.current {
	border: 1px solid #e5e5e5;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
  margin: 0 3px;
  background: #e5e5e5;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#e5e5e5'); /* IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#e5e5e5)); /* webkit */
	background: -moz-linear-gradient(top,  #fdfdfd,  #e5e5e5); /* firefox 3.6+ */
}

.Preview ul a:hover {
	color: #fff; background: #fff;
}

.FauxPage {
  background: #fff;
  margin: 12px 30px 0 17px;
  padding: 10px;
  font-size: 12px;
}

.FauxPage span {
  color: #fff;
  text-decoration: underline;
}

.Preview ul a span.pointer {
  display: block;
  position: absolute;
  background: url(/images/pointer.png);
  width: 17px;
  height: 18px;
  top: 17px;
  right: 10px;
}


div.attachment a.remove.busy,
div.attachment a:hover.remove.busy {
  background: transparent url(/images/dots-white.gif) no-repeat center center !important;
  text-decoration: none;
}

div.attachment a.remove.busy span {
  visibility: hidden;
}


/*-------------------------------------------------
LOCALIZABLE (NON-IMAGE) BUTTONS
-------------------------------------------------*/

div.button {
	/* Ensure the keyboard focus outline can still be seen */
	overflow: hidden;
	margin-left: -1px;
	margin-top: -1px;
	padding: 1px;
}

div.button a {
  background: url(/images/basecamp_sprites.png) no-repeat left -966px;
  display: block;
  float: left;
  font-family: 'Lucida Grande', 'Lucida Sans', 'Lucida Sans Unicode', 'Verdana', sans-serif;
  font-size: 13px;
  font-weight: bold;
  height: 31px;
  margin-right: 0.4em;
  padding: 0 0 0 30px;
  text-decoration: none;
  text-shadow: 0 0 1px #ffffff;
  text-wrap: none;
}

div.button a span {
  background: url(/images/basecamp_sprites.png) no-repeat right -1030px;
	color: #000000;
  display: block;
  padding: 0px 12px 3px 0;
  line-height: 29px;
}

div.button a:active {
  background-position: 0 -998px;
}

div.button a:active span {
  background-position: 100% -1062px;
}

/* A disabled button */
div.button a.disabled {
	background-position: left -1094px;
}

div.button a.disabled:active {
	background-position: left -1126px;
}

div.button a.disabled span {
	color: #555555;
}


/*-------------------------------------------------
BUTTON ELEMENTS
Based on work from http://www.filamentgroup.com/lab/update_styling_the_button_element_with_css_sliding_doors_now_with_image_spr/
-------------------------------------------------*/

button.image { 
	position: relative;
	border: 1px solid transparent; /* Make sure we've got room for the focus border */ 
	padding: 0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
}

button.image::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}

button.image:focus {
  border: 1px dotted black; /* Make sure the user can see when the button has focus */
}

button.image span { 
	position: relative;
	display: block; 
	white-space: nowrap;	
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button.image span {
		margin-top: -1px;
	}
}

button.image {
  background: url(/images/basecamp_sprites.png) no-repeat right -1179px;
  font-family: arial, 'Verdana', sans-serif;
  font-size: 12px;
  height: 22px;
  padding: 0 10px 0 0;
}

button.image a {
  border: none;
  text-decoration: none;
  background: none;
  color: #000;
}

button span.text {
  background: url(/images/basecamp_sprites.png) no-repeat left -1158px;
  display: block;
  height: 22px;
  line-height: 20px;
  letter-spacing: -0.03em;
  margin: 0;
  padding: 0 0 0 10px;
  position: relative;
  white-space: nowrap;
}

button span.icon {
  background: url(/images/basecamp_sprites.png) no-repeat -488px -600px;
  padding: 0 0 0 14px;
}

button.blank span.icon {
  padding: 0;
}

button.add span.icon       { background-position: -488px -622px; }
button.continue span.icon  { background-position: -488px -644px; }
button.create span.icon    { background-position: -488px -666px; }
button.delete span.icon    { background-position: -488px -688px; }
button.downgrade span.icon { background-position: -488px -710px; }
button.grant span.icon     { background-position: -488px -732px; }
button.revoke span.icon    { background-position: -488px -754px; }
button.save span.icon      { background-position: -488px -776px; }
button.upgrade span.icon   { background-position: -488px -798px; }
button.upload span.icon    { background-position: -488px -820px; }
button.yes span.icon       { background-position: -488px -842px; }



div.cached div.cached_flag, div.cached div.cache_key {
  display: none;
}

body.cache_goggles div.cached {
  top: 0;
  position: relative;
  border: 1px solid transparent;
}

body.cache_goggles div.cached div.cached_flag {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  padding: 3px 5px;
  background: #ffe6ea;
  font-weight: bold;
  font-size: 10px;
  z-index: 100;
}

body.cache_goggles div.cached div.cache_key {
  display: none;
  opacity: 0;
  -webkit-transition: opacity 0.2s;

  position: absolute;
  top: 20px;
  left: 20px;
  font-size: 12px;
  font-weight: bold;
  z-index: 100;
}

body.cache_goggles div.cached.visible {
  border: 1px dashed #ccc;
}

body.cache_goggles div.cached.enabled div.cache_fragment {
  opacity: 1;
  -webkit-transition: opacity 0.2s;
}

body.cache_goggles div.cached.enabled div.cache_fragment {
  opacity: 0.4;
}

body.cache_goggles div.cached.enabled div.cache_key {
  display: block;
  opacity: 1;
}


.calendar_date_select {
  background-color: white;
  color: #777;
  display: block;
}

.calendar_date_select .weekdays th {
  text-align: center;
  font-weight: normal;
  background-color: #fff;
  height: 20px;
  color: #999;
}

.calendar_date_select .buttons {
  display: none;
}

.calendar_date_select table {
  width: 100%;
  margin: 0px;
  padding: 0px;
  border-collapse: collapse;
  border-spacing: 0;
  border-padding: 0;
}

.calendar_date_select .header {
  background-color: #fff;
  text-align: center;
	font-weight: bold;
	padding: 3px;
}

.calendar_date_select .body {
  background-color: #fff;
  padding: 0 0 5px 0;
}

.calendar_date_select .footer {
  background-color: #fff;
  color: #000;
	font-weight: bold;
  padding: 3px 0;
  text-align: center;
  width: 95%;
	font-size: 12px;
}


.calendar_date_select .header .title {
  color: black;
}

.calendar_date_select .header .pager select {
  font-size: 14px;
  margin: 0 5px;
}

.calendar_date_select .header .pager a img {
  width: 14px;
  height: 8px;
  vertical-align: middle;
}

.calendar_date_select .header .pager a,
.calendar_date_select .header .pager a img {
  border: none !important;
  padding: 8px !important;
}

.calendar_date_select .header .pager a:hover {
  background-color: #e0e8f6;
}

.calendar_date_select .header .pager a:active {
  background: #fff;
}

.calendar_date_select td,
.calendar_date_select th {
  margin: 0;
  padding: 0;
  line-height: 16px;
  font-size: 11px;
}

.calendar_date_select td a {
  display: block;
	padding: 2px 1px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  font-size: 11px;
  color: #333;
}

.calendar_date_select .days td.other {
  background-color: #fff;
}

.calendar_date_select td.other a {
  color: #aaa;
}

.calendar_date_select .days td {
  border-bottom: 2px solid #fff;
  background: #e0e8f6;
}

.calendar_date_select td a:hover {
  background-color: #dcdcdc;
}

.calendar_date_select td.today a {
  background-color: #ffe18f;
	color: #000;
}

.calendar_date_select td a:hover,
.calendar_date_select td.today a:hover {
  background-color: #c6d6ee;
}

.new_task .calendar_date_select td a:active,
.new_task .calendar_date_select td.today a:active {
  background-color: #e0e8f6;
}

.calendar_date_select td.selected a,
.calendar_date_select td.selected a:hover {
  background-color: #000;
  color: #fff;
}

.calendar_date_select td.selected a:active {
  background-color: #333;
}


/*-------------------------------------------------
INDEX
-------------------------------------------------*/

body.candidates div.innercol {
  padding-top: 10px;
  padding-right: 20px;
}

body.candidates table {
  border-collapse: collapse;
}

body.candidates table th {
  font-size: 11px;
  color: #666;
  padding: 0;
}

body.candidates table th.access {
  text-align: right;
}

body.candidates table th.access img {
  width: 127px;
  height: 46px;
  margin-right: 16px;
}

body.candidates table tr.select_all td {
  font-size: 11px;
  color: #777;
  padding-left: 5px;
  border-bottom: 1px solid #efefef; 
}

body.candidates table tr.select_all td span.pipe {
  color: #ccc;
}

body.candidates table tr.select_all td a.admin {
  color: #777;
}

body.candidates table tr.select_all td a.admin:hover {
  color: #fff;
  background: #333;
}

body.candidates table th.abilities img {
  margin-left: 22px;
  width: 242px;
  height: 46px;
}

body.candidates table tr.company td {
  padding: 0;
}

body.candidates table tr.company td h1 {
  margin: 0;
  padding: 5px;
  font-size: 16px;
  background: #e9e9e9;
  color: #000;
}

body.candidates table tr.candidate td label {
  cursor: pointer;
}

body.candidates table tr.company td h1 span a.admin {
  color: #333;
}

body.candidates table tr.company td h1 span a.admin:hover {
  color: #fff;
  background: #333;
}

body.candidates table tr.company td h1 span.remove_company {
  float: right;
  width: 220px;
  text-align: right;
  font-weight: normal;
  font-size: 11px;
}

body.candidates table tr.company td h1 img {
  vertical-align: top;
  padding-top: 0;
  margin-left: 1px;
}

body.candidates table tr.company td span.remove {
  width: 185px;
  color: #666;
  padding-top: 2px;
  float: right;
  font-size: 10px;
  font-weight: normal;
  text-align: right;
}

body.candidates table tr.candidate td {
  vertical-align: top;
  font-size: 11px;
  white-space: nowrap;
  border-bottom: 1px solid #efefef;
}

body.candidates table tr.candidate td.name {
  font-size: 14px;
  text-align: left;
  width: 1%;
  padding-left: 5px;
  padding-right: 15px;
}

body.candidates table tr.candidate td.name input {
  font-size: 16px !important;
}

body.candidates table td.add_a_person {
  font-size: 11px;
  padding-left: 15px;
}

body.candidates table {
  width: 100%;
}

body.candidates table tr.all_none td {
	font-size: 11px;
	padding: 5px 0 35px 15px;
}

body.candidates table td.abilities {
  padding: 3px 0 3px 3px;
  font-size: 11px;
}

body.candidates table td.abilities span.ability {
  padding: 2px 3px;
  background: #228822;
  color: #fff;
}

body.candidates table td.abilities span.disabled span.ability {
  color: #666;
  background: #fff;
}


body.candidates table tr.shaded td,
body.candidates table tr.shaded td.abilities span.disabled span.ability {
  background-color: #f6f6f6;
  background-color: #fff;
}


body.candidates table td.why_access_cannot_change {
  padding: 4px 0 0 0;
}

body.candidates div#link_to_add_company {
  margin: 0 0 15px 0;
}

body.candidates div.hows_it_work {
}

body.candidates div.hows_it_work ul {
  padding-left: 15px;
}

body.candidates div.hows_it_work li {
  list-style: disc;
}

body.candidates div.writeboard_option h1 {
  font-size: 14px;
  margin: 0 0 3px 0;
}

body.candidates div.writeboard_option p {
  margin: 0 0 10px 0;
}



/*-------------------------------------------------
NEW
-------------------------------------------------*/

/*body.candidates div.button_to_add_new {
  margin-bottom: 0;
}

body.candidates div.button_to_add_new img {
  width: 290px;
}
*/
body.candidates div.add_company {
  padding-bottom: 18px;
}

body.candidates div.add_company div.popup_add_dialog {
  display: none;
}

body.candidates div.add_company div.showing_form div.popup_add_dialog {
  display: block;
}

body.candidates div.add_company div.showing_form div.button_to_add_new {
  display: none;
}

.new_candidates div.page_header h1 {
  font-size: 18px;
}

.new_candidates .add_method {
  margin: 0 0 20px 0;
}

.new_candidates .add_method h2 {
  margin: 0 0 3px 0;
}

.new_candidates .add_method p {
  margin: 0;
  font-size: 14px;
}

.new_candidates .add_method select.companies,
.new_candidates .add_method input.name {
  font-size: 14px;
  width: 400px;
}

.new_candidates .add_method .people {
  margin: 20px 0;
}

.new_candidates .add_method .people p {
  margin: 5px 0 0 20px;
}

.new_candidates p.submit {
  color: #666;
  font-size: 11px;
}

.new_candidates div.go_back {
  margin: 20px 0 0 0;
}


/*-------------------------------------------------
NEW COMAPNY FORM ON ACCESS PAGE
-------------------------------------------------*/

div#new_company table td {
	padding-bottom: 5px;
}


/*-------------------------------------------------
IMPORTED FROM PEOPLEFLOW INVOLVEMENTS.CSS
-------------------------------------------------*/

body.candidates div.innercol {
  padding-top: 10px;
  padding-right: 20px;
}

body.candidates div.page_header h1 {
  font-size: 18px;
}

div.candidates_nav {
  width: 160px;
  float: left;
  margin-left: -5px;
}

div.candidates_nav div.help {
  padding-right: 10px;
  text-align: left;
}

div.candidates_nav div.help h1 {
  font-size: 9px;
  color: #111;
  margin: 18px 0 0 0;
  text-transform: uppercase;
}

body.el div.candidates_nav div.help h1 {text-transform: none; font-size: 11px;}

div.candidates_nav div.help p {
  font-size: 11px;
  margin: 0 0 11px 0;
  color: #666;
  line-height: 1.2em;
}

div.candidates_nav div.help a {
  font-weight: normal;
  padding: 1px 2px;
  margin: 0;
  display: inline;
  border: none;
  font-size: 11px;
  text-decoration: underline;
}

div.candidates_nav div.help a:hover {
  background: #333;
  color: #fff !important;
  text-decoration: none;
}

div.candidates_nav a {
  font-weight: bold;
  display: block;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  padding: 14px 0;
}

div.candidates_nav a.go_back {
  padding: 7px;
  margin-right: 10px;
  text-align: left;
  margin-bottom: 10px;
  font-weight: normal;
}

div.candidates_nav a.cancel {
  padding-bottom: 24px;
}

div.candidates_nav a.cancel strong {
  font-size: 18px;
  font-weight: normal;
}

div.candidates_nav a.cancel {
  padding-top: 7px;
}

div.candidates_nav a.cancel:hover {
  color: red;
  background: none;
}

div.candidates_nav a.cancel:active {
  color: #c00;
}

div.candidates_nav a.cancel:active span {
  color: #333;
}

div.candidates_nav a span {
  display: block;
  font-weight: normal;
  color: #666;
  font-size: 12px;
  padding: 0 8px;
}

div.candidates_nav_indent {
  overflow: hidden;
  padding-left: 20px;
  padding-top: 10px;
  border-left: 1px dotted #ccc;
}

/*-------------------------------------------------
NEW
-------------------------------------------------*/

body.new_candidates h2 {
  font-size: 14px;
  line-height: 130%;
  color: #000;
  margin: 0;
}

body.new_candidates div.candidates h2 {
  margin-bottom: 10px;
}

body.new_candidates .select_people {
  margin: 0 0 14px 0;
}

body.new_candidates .disabled h2 {
  color: grey;
}

body.new_candidates p {
  font-size: 14px;
  line-height: 130%;
  margin: 0 0 14px 0;
}


.Right #categories h1 {
  position:relative;
}

.Right #categories h1 div.operations {
  position:absolute; top:2px; right:0px;
  padding:6px;
}

.Right #categories h1 div.deafult.operations { display:block; }
.Right #categories.editing h1 div.default.operations { display:none; }

.Right #categories h1 div.editing.operations { display:none; }
.Right #categories.editing h1 div.editing.operations { display:block; }

.Right #categories div.category {
  position:relative;
  padding-bottom:1px;
  font-size: 12px;
  line-height: 15px;
}

.Right #categories.editing div.category {
  border-bottom: 1px solid #ccc;
  padding-bottom: 0px;
}

.Right #categories div.category div.operations {
  position:absolute; top:4px; right:4px;
  height: 16px; 
  min-width: 24px;
  line-height: 16px;
}

.Right #categories div.category div.operations { display: none; }
.Right #categories.editing div.category div.operations { display: block; }

.Right #categories div.busy.category div.operations { background: url(/images/dots-white.gif) no-repeat right center; }
.Right #categories div.busy.category div.operations * { display:none; }

.Right #categories div.category div.operations a.image {
  position:relative;
  top:-1px;
}

.Right #categories a.category_link {
  display: block;
  margin: 0;
  padding: 4px;
}

.Right #categories.editing a.category_link {
  margin-right: 80px;
}

.Right #categories a.category_link:hover {
  color: #03c;
  text-decoration: underline;
  background: #f0f0f0;
}

.Right #categories.editing a.category_link:hover {
  background:none;
}

.Right #categories a.category_link:active {
  color: #000;
}

.Right #categories a.current:link, 
.Right #categories a.current:visited, 
.Right #categories a.current:hover {
	color: #000;
	text-decoration: none;
  background: none;
  padding-left: 2px;
}

.Right #categories a.current span,
.Right #categories a.current:hover span {
  padding: 2px 4px;
  background: #000;
  color: #fff;
}

.Right #categories #add_new_category {
  display:none;
  line-height: 16px;
  height: 16px;
  padding: 4px;
}

.Right #categories #add_new_category { display:none; }
.Right #categories.editing #add_new_category { display:block; }

.Right #categories #add_new_category.busy { background: url(/images/dots-white.gif) no-repeat 4px center; }
.Right #categories #add_new_category.busy * { display:none; }


#champagne {
}

#champagne table.quick_window div.viewport {
  padding: 20px;
  background: #fefdd4 url(/images/champagne/background.jpg) top left repeat-x;
}

#champagne h2 {
  font-size: 18px;
  margin: 0 0 9px 0;
  color: #000;
}

#champagne p {
  font-size: 14px;
  line-height: 1.4;
  margin: 0 0 16px 0;
}

#champagne p.closing {
  font-size: 12px;
}

#champagne div.entries_container {
  margin: 0 16px 16px 0;
  border: 1px solid #bbb;
  padding: 16px;
}

#champagne table.entries {
  font-size: 14px;
}

#champagne table.entries td {
  padding-right: 3px;
  vertical-align: top;
  padding-bottom: 3px;
}

#champagne table.entries td.date,
#champagne table.entries td.category {
  white-space: nowrap;
}

#champagne li span {
  margin-right: 3px;
}

#champagne div.close {
  text-align: center;
  margin: 16px 16px 0 0;
  border-top: 1px solid #bbb;
  padding-top: 16px;
}



body.chat div.page_header_links {
  color: #333;
  width: 220px;
}


div.color_picker {
  background: #999;
  overflow: hidden;
  padding: 15px;
}

div.color_picker div.saturation_and_brightness_picker {
  width: 256px;
  height: 256px;
  float: left;
  position: relative;
  cursor: crosshair;
}

div.color_picker div.saturation_and_brightness {
  background-image: url(/images/color_picker/saturation_and_brightness.png);
  width: 256px;
  height: 256px;
}

div.color_picker div.cursor {
  position: absolute;
  top: 0px;
  width: 1px;
  height: 1px;
}

div.color_picker div.cursor div.cursor_image {
  position: absolute;
}

div.color_picker div.saturation_and_brightness_picker div.cursor {
  left: 256px;
}

div.color_picker div.saturation_and_brightness_picker div.cursor div.cursor_image {
  width: 16px;
  height: 17px;
  left: -8px;
  top: -8px;
  background-image: url(/images/color_picker/circle.png);
}

div.color_picker div.hue_picker {
  margin-left: 10px;
  height: 256px;
  width: 18px;
  float: left;
  position: relative;
  cursor: pointer;
}

div.color_picker div.hue {
  background-image: url(/images/color_picker/hue.png);
  background-repeat: no-repeat;
  width: 18px;
  height: 256px;
}

div.color_picker div.hue_picker div.cursor {
  left: 18px;
}

div.color_picker div.hue_picker div.cursor div.cursor_image {
  width: 10px;
  height: 16px;
  top: -7px;
  right: -8px;
  background-image: url(/images/color_picker/arrow.png);
}

/* IE layout */

div.color_picker div.saturation_and_brightness_picker,
div.color_picker div.saturation_and_brightness,
div.color_picker div.hue_picker,
div.color_picker div.hue {
  zoom: 1;
}

/* IE 6 */

div.color_picker div.saturation_and_brightness {
  _background-image: none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/color_picker/saturation_and_brightness.png',sizingMethod='crop');
}

div.color_picker div.saturation_and_brightness_picker div.cursor div.cursor_image {
  _background-image: none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/color_picker/circle.png',sizingMethod='crop');
}

div.color_picker div.hue {
  _background-image: none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/color_picker/hue.png',sizingMethod='crop');
}

div.color_picker div.hue_picker div.cursor div.cursor_image {
  _background-image: none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/color_picker/arrow.png',sizingMethod='crop');
}


/* ICONS TO APPEND AFTER A COMMENTABLE */

div.commentable span.commentable_icon_position_reference {
  position: relative;
}

div.commentable div.comments {
  position: absolute;
  bottom: 2px;
  right: -41px;
  width: 39px;
  height: 13px;
  line-height: 13px;
  white-space:nowrap;
}

div.commentable div.comments a {
  color: #777;
  text-decoration: none;
}

div.commentable div.comments a span {
  font-size: 11px;
  margin-right: 4px;
}

div.commentable div.comments a:hover {
  background: none;
}

div.commentable div.comments a.empty {
  display: none;
}

div.commentable [behavior~=selectable].active_selection div.comments a.empty {
  display: inline;
}


/*-------------------------------------------------
COMMENT
-------------------------------------------------*/

body.commentable h2.paginated_comments_header {
  font-weight: normal;
  margin-top: -10px; /* compensate for bottom margin on the commentable */
  font-size: 12px;
  background: #f0f0f0;
  padding: 5px 0;
}

body.commentable h2.paginated_comments_header a.busy,
body.commentable h2.paginated_comments_header a.busy:hover {
  background: url(/images/dots-white.gif) no-repeat 4px center;
  text-decoration: none;
}

body.commentable h2.paginated_comments_header a.busy span {
  visibility: hidden;
}

div#Main div.comment div.float_liner {
  padding: 0 0 5px;
  /* for clearing without hiding the nubbin */
  overflow: hidden;
}

body.comments div.attachments div.attachment {
  font-size: 14px;
  clear: left;
  line-height: 32px;
	margin-bottom: 3px;
}

body.comments div.attachments div.attachment span {
  font-size: 12px;
}

body.comments div.attachments div.attachment img {
  vertical-align: middle;
}

body.comments div.comment {
  background: #fff;
  border-bottom: 1px solid #ddd;
  clear: left;
  color: #333;
  padding: 10px 0;
}

body.comments img.avatar {
  margin: 0 0 5px 0;
  width: 48px;
  float: left;
}

body.comments div.comment div.indented {
  margin-left: 60px;
}

body.comments div.comment_header h3 {
  font-size: 11px;
  margin: 0 0 5px 0;
  font-weight: normal;
  color: #333;
}

body.comments div.comment_header h3 span.delete {
  width: 30px; text-align: right; float: right;
}

body.comments div.comment_header h3 a.permalink {
  color: #333;
  text-decoration: none !important;
  font-size: 12px;
  margin-right: 2px;
}

body.comments div.comment_header h3 a.permalink:hover {
  color: #333;
  background: none;
}


/*-------------------------------------------------
NEW/EDIT
-------------------------------------------------*/

body.comments div.comment textarea {
  font-size: 13px;
  line-height: 140%;
  width: 100%;
}

body.comments div.comment div.textile_text_area {
  padding: 5px 60px 5px 0;
}

body.comments div.comment div.rich_text_area {
  padding: 0 60px 10px 0;
}

body.comments div.comment div.rich_text_area div.editor {
  min-height: 150px;
}

body.comments div.comment div.submit {
  margin: 15px 0 5px 0;
}

body.comments div.comment form.without_attachments div.submit {
  background: url(/images/dots-white.gif) no-repeat left center;
}

body.comments div.comment form.without_attachments div.submit * {
  visibility: hidden;
}

body.comments div.comment div.notification_header h2 {
  font-weight: bold !important;
  font-size: 13px !important;
}

body.comments div.comment div.notification_header p {
  color: #666;
  font-size: 12px;
  margin: 0 0 5px 0;
}

body.comments div.comment table.emailnotification td p {
  margin: 0;
}

body.comments div.comment div.options_container div.link_to_toggle a:link, 
body.comments div.comment div.options_container div.link_to_toggle a:visited,
body.comments div.comment div.options_container div.link_to_toggle a:hover {
  color: #444;
  text-decoration: underline;
  background: none;
  font-size: 12px;
}

body.comments div.comment div.options_container {
  padding: 5px 0 0 0;
}

body.comments div.comment div.options_container h2 {
  font-weight: bold !important;
  font-size: 13px !important;
  margin: 0;
  padding-bottom: 5px;
}

body.comments div.comment div.options_block {
  border-left: 8px solid #D9D9D9;
  padding: 3px 0 5px 10px;
}

body.comments div.comment div.options_block h2 {
  margin: 0;
  padding-bottom: 5px;
}

body.comments div.comment div.options_block h2 span {
  font-weight: normal;
  font-size: 11px;
}

body.comments div.comment div.options_block div.notification_option {
  margin-bottom: 10px;
}

body.comments div.comment div.options_block div.notification_header {
  margin-top: 15px;
}

body.comments div.comment div.options_block div.pending_attachments {
  padding-bottom: 5px;
}

body.comments div.comment div.options_block div.pending_attachments p {
  padding: 2px 0 2px 5px; 
  margin: 0;
}

body.comments div.comment div.options_block div.file_selectors p {
  margin-top: 0;
}

body.comments div.comment div.options_block div.file_selectors input {
  margin: 0 !important;
}


body.companies div.page_header {
  padding-top: 10px;
  padding-bottom: 8px;
}

body.companies div.page_header:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both;  
    visibility: hidden;
}

body.companies div.page_header {display: inline-block;}
body.companies div.page_header{display: block;}

body.companies div.page_header h1 {
  margin: 0;
  padding: 5px 0 10px 0;
}

body.companies div.page_header div.normal_page_header h1 {
  width: 45%;
  float: left;
}

body.companies div.page_header div.popup_add_dialog h1 {
  padding-top: 0;
}

body.companies div.page_header div.button_to_add_new {
  font-size: 11px;
  margin: 0;
  float: right;
  width: 53%;
  text-align: right;
}

body.companies div.page_header div.button_to_add_new div.button {
	display: inline-block;
	vertical-align: middle;
}

body.companies div.page_header div.button_to_add_new span.hint {
  color: #666;
  white-space: nowrap;
}

body.companies div.page_header div.button_to_add_new div.button span {
  color: #000;
  line-height: 29px;
}

body.companies div.page_header div.popup_add_dialog {
  background: #fff;
  margin: 0;
  display: none;
}

body.companies div.page_header div.showing_form div.popup_add_dialog {
  display: block;
}

body.companies div.page_header div.showing_form div.normal_page_header {
  display: none;
}

body.companies div.page_header_links {
  color: #999;
  width: 320px;
}

body.companies div.innercol {
  padding-right: 20px;
}

body.companies div.avatar img {
  width: 32px;
  height: 32px;
}

body.companies div.avatar div.badge p {
  margin: 1px 0 0 0;
  background-color: #c90;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: bold;
}

body.companies div.avatar div.badge p.owner {
  background-color: #008000;
}

body.companies div.avatar div.badge p.invited {
  background-color: #bbb;
}

body.companies div.company {
  margin: 0 0 10px 0;
  overflow: hidden;
}

body.companies div.company h1 {
  padding: 5px 10px;
  margin: 3px 0;
  background: #e9e9e9;  
}

body.companies div.company h1 span {
  font-weight: normal;
}

body.companies div.company h1.skybox_company {
  margin-bottom: 0;
}

body.companies div.company h1 span.administrator_list {
  font-weight: normal; 
  font-size: 12px; 
  float: right; 
  text-align: right; 
  line-height: 18px;
}

body.companies div.button_to_add_new {
  margin: 10px 0;
}

body.candidates .popup_add_dialog {
  margin-bottom: 0;
  background: #fff;
}

body.companies .popup_add_dialog form {
  margin: 12px 0 8px 0;
}

body.companies div.company .popup_add_dialog h1,
body.candidates .popup_add_dialog h1 {
  padding: 0;
  margin: 0 0 10px 0;
}

.companies div.contact h3 {
  font-size: 13px;
  color: #000;
  margin: 0;
}

.companies div.contact div.edit {
  color: #999;
  margin: 3px 10px 0 0;
}

.companies div.contact div.avatar {
  float: left;
  width: 48px;
}

.companies div.contact div.avatar img {
  width: 48px;
  height: 48px;
}

.companies div.contact div.body {
  margin-left: 56px;
}

.companies div.contact  {
  clear: left;
  font-size: 11px;
  margin: 0 0 15px 0;
  min-height: 65px;
}

.companies div.contact div.attributes a {
  color: #333 !important;
}

body.companies div.people_column {
  width: 33%;
  float: left;
}

body.companies div.page_header h1 {
  font-size: 16px;
}

body.companies div.page_header h1 a.change_perms {
  font-weight: normal;
  font-size: 14px;
  margin-left: 10px;
}

body.companies p.skybox_users {
  background-color: #e9e9e9;
  margin-top: 0;
  padding: 0 8px 10px 8px;
}

body.companies p.skybox_users a {
  color: red;
}

body.companies p.skybox_users a:hover {
  background-color: red;
  color: #fff;
}


div.subscription_dialog ul,
div.subscription_dialog li {
  font-size: 12px;
  list-style: disc;
  margin-left: 12px;
}

body.digest_subscription {
  background: #e5e5e5 url(/images/digest_subscriptions/dialog_gradient_background.png) top left repeat-x;
}

body.digest_subscription p.submit {
  margin: 0;
  font-size: 12px;
  color: #333;
}

body.digest_subscription p.submit a.cancel {
}

body.digest_subscription p.submit a.cancel:hover {
}

body.digest_subscription div.subscription_dialog {
  margin: 24px auto;
  width: 406px;
  text-align: left;
}

body.digest_subscription div.subscription_dialog div.top_section {
  background: url(/images/digest_subscriptions/dialog_shadow-top.png) top left no-repeat;
  overflow: hidden;
}

body.digest_subscription div.subscription_dialog div.top_section div.inner {
  margin: 0 3px;
  background: #edf3fe;
  padding: 18px 20px 0 20px;
  overflow: hidden;
}

body.digest_subscription div.subscription_dialog p.headline {
  font-size: 14px;
  line-height: 1.4;
  margin-top: 0;
}

body.digest_subscription div.bottom_section {
  background: url(/images/digest_subscriptions/dialog_shadow-bottom.png) bottom left no-repeat;
  overflow: hidden;
}

body.digest_subscription div.bottom_section div.inner {
  margin: 0 3px 8px 3px;
  background: #edf3fe;
  padding: 6px 20px 24px 20px;
  overflow: hidden;
}


div#zoom {
  z-index: 1000;
}

div#zoom table#zoom_table {
  border-collapse: collapse;
}

div#zoom table#zoom_table td.tl {
  background: url(/images/zoom/tl.png) 0 0 no-repeat;
  width: 20px;
  height: 20px;
  overflow: hidden;
}

div#zoom table#zoom_table td.tm {
  background: url(/images/zoom/tm.png) 0 0 repeat-x;
  height: 20px;
  overflow: hidden;
}

div#zoom table#zoom_table td.tr {
  background: url(/images/zoom/tr.png) 100% 0 no-repeat;
  width: 20px;
  height: 20px;
  overflow: hidden;
}

div#zoom table#zoom_table td.ml {
  background: url(/images/zoom/ml.png) 0 0 repeat-y;
  width: 20px;
  overflow: hidden;
}

div#zoom table#zoom_table td.mm {
  background: #fff;
  vertical-align: top;
  padding: 10px;
}

div#zoom table#zoom_table td.mr {
  background: url(/images/zoom/mr.png) 100% 0 repeat-y;
  width: 20px;
  overflow: hidden;
}

div#zoom table#zoom_table td.bl {
  background: url(/images/zoom/bl.png) 0 100% no-repeat;
  width: 20px;
  height: 20px;
  overflow: hidden;
}

div#zoom table#zoom_table td.bm {
  background: url(/images/zoom/bm.png) 0 100% repeat-x;
  height: 20px;
  overflow: hidden;
}

div#zoom table#zoom_table td.br {
  background: url(/images/zoom/br.png) 100% 100% no-repeat;
  width: 20px;
  height: 20px;
  overflow: hidden;
}

div#zoom a#zoom_close {
  position: absolute;
  top: 0;
  left: 0;
}

div#zoom a#zoom_close img {
  border: none;
  margin: 0;
  padding: 0;
}



div#zoom a#zoom_close:hover {
  background: transparent;
}

div#zoom_content .label {
  margin-top: 10px;
  text-align: center;
  font-size: 12px;
}

div#zoom_content .label strong {
  font-size: 13px;
  font-weight: bold;
}

div#zoom div#zoom_content img {
  cursor: pointer;
}

div.uploaded_images .image {
  position: relative;
}

div.uploaded_images .loading {
  opacity: 0.40;
  -moz-opacity: 0.4;
  filter:alpha(opacity=40);
  background: #000 url(/images/zoom/indicator.gif) no-repeat center center;
  position: absolute;
  top: -92px;
  left: 2px;
  height: 100px;
  width: 100px;
}


/*-------------------------------------------------
INDEX
-------------------------------------------------*/

a.tiny_anchor {
  font-size: 1px;
  padding: 0;
}

.file {
  font-size: 14px;
  padding: 0 0 0 32px;
  margin: 0 0 15px 2px;
  clear: left;
}

.file:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.file {display: inline-block;}
.file {display: block;}

.file p {
  padding: 0;
  margin: 3px 0 16px 0;
  font-size: 12px;
  line-height: 1.4em;
}

.file .private_bug {
  top:-3px;
}

.file h1 {
  color: #000;
}

.file h1 a {
  color: #000;
  text-decoration: none;
}

.file h1 a:hover {
  background: #fff;
  color: #000;
  text-decoration: underline;
}

body.files div.file div.file_info {
  margin-left: 40px;
}

body.files div.file h3 {
  font-size: 11px;
  font-weight: normal;
  margin-top: 0;
  color: #666;
}

body.files div.file h3 a:link,
body.files div.file h3 a:visited {
  font-size: 11px;
  color: #666;
}

body.files div.file h3 a:hover {
  color: #fff;
}

body.files div.date_group {
  margin-bottom: 30px;
  clear: both;
}

body.files #categories div.category {
  clear: right;
}

body.files #categories {
  margin-bottom: 10px;
}

body.files a#upload_file_link.active { display: none; }

body.files div.basic_form_wrapper {
  padding-top: 5px;
}

body.files div.showhide {
  background: none;
  padding: 0;
  margin: 0;
  border: none;
}

body.files div.basic_form h2 span.upload_limit {
  font-family: lucida grande, verdana, sans-serif;
  font-size: 12px;
  font-style: normal;
  color: #777;
}

body.files div.basic_form p.upload_limit {
  color: #777;
  font-size: 11px;
  margin-bottom: 0;
}

body.files div.multiple_file_selector_container div.attachment_container div.attachment {
  border: 5px solid #e0e0e0;
  margin-bottom: 14px;
  padding: 0;
}

body.files div.multiple_file_selector_container div.attachment_container div.attachment p.description input {
  width: 270px;
}

body.files div.multiple_file_selector_container div.attachment_container div.attachment div.inner {
  border: 1px solid #ccc;
  padding: 10px;
  position: relative;
}

body.files div.multiple_file_selector_container div.attachment_container div.attachment img.icon {
  position:absolute;
  top:10px;
  left:8px;
}

body.files div.multiple_file_selector_container div.attachment_container div.attachment div.private {
  line-height: 32px;
}

body.files div.multiple_file_selector_container div.attachment_container div.attachment span.filename {
  font-weight: bold;
  font-size: 14px;
  display:block;
  padding:8px 55px 8px 40px;
}

body.files div.multiple_file_selector_container div.attachment_container div.attachment a.remove {
  font-family: verdana, sans-serif;
  font-size: 10px;
  position: absolute;
  top:10px;
  right: 10px;
  color: red;
  line-height: 12px;
  padding: 2px 0;
  margin: 8px 5px 0 0;
}

body.files div.multiple_file_selector_container div.attachment_container div.attachment a.remove:hover {
  background: red;
  color: white;
}

body.files div.multiple_file_selector_container div.attachment_container div.attachment div.metadata {
  padding-top: 5px;
  margin-left: 40px;
}

body.files div.multiple_file_selector_container div.attachment_container div.attachment .smaller,
body.files div.single_file_selector_container .smaller {
  font-size: 11px;
}

body.files div.multiple_file_selector_container div.attachment_container div.attachment select,
body.files div.single_file_selector_container select {
  font-size: 11px;
  width: 150px;
}

body.files div.multiple_file_selector_container div.attachment_container div.attachment input.description {
  font-size: 12px;
  width: 95%;
}

body.files div.multiple_file_selector_container div.attachment_container div.attachment p {
  margin-bottom: 7px;
}


body.files div.multiple_file_selector {
  margin-bottom: 30px;
}

body.files div.attachment_button input.button {
  display: none;
}

body.files form.empty div.attachment_button input.button {
  display: inline;
}

body.files form h3.none_selected {
  display: none;
}

body.files form.empty h3.none_selected {
  display: block;
}

body.files form h3.choose_another {
  font-size: 12px;
}

body.files form.empty h3.choose_another {
  display: none;
}

body.files form.empty div.attachment_button a {
  display: none;
}

body.files form div.upload_preference {
  margin-top: 5px;
  display: none;
}

body.files form.empty div.upload_preference {
  display: block;
}

body.files div.single_file_selector div.upload_preference {
  padding-top: 1px;
  clear: left;
}

body.files div.single_file_selector div.upload_preference p.use_regular_uploader {
  width: auto;
}

body.files div.notify_block {
  margin: 0 0 15px 5px;
}

body.files div.notify_block h3 {
  color: #000;
  font-size: 14px;
  margin-bottom: 8px;
}

body.files div.notify_block div {
  border-left: 6px solid #ddd;
  padding-left: 5px;
}

body.files table.emailnotification {
  margin: 0;
}

body.files table.emailnotification p {
  font-size: 11px;
}

body.files table.emailnotification input {
  width: auto;
}

body.files table.emailnotification p {
  margin: 0;
}

body.files div.file h1 {
  font-size: 14px;
  margin: 0 0 3px 0;
}

body.files div.file p {
  margin-bottom: 3px;
}

body.files div.file a.message_title {
  font-weight: normal;
  color: #666;
}

body.files div.file a.message_title:hover {
  color: #fff;
}

body.files div.file h3 a.image:hover {
  background: none;
}

body.files div.file h3 a.image img {
  vertical-align: bottom;
}

body.files div.file div.file_icon {
  float: left;
  position: relative; /* force layout */
  text-align: right;
  width: 60px;
  margin: 0 0 0 -28px;
}

body.files div.file div.file_icon img.thumb {
  background: none;
  border: 1px solid #ccc;
}

body.files div.file div.file_info p {
  font-size: 12px;
}

body.files div.file div.file_info span.dash {
  color: #999;
}

body.files div.file h1 {
  padding-top: 0;
}

body.files div.Right p.sort_by {
  font-size: 12px;
}

body.files div.edit_file_container {
  position: relative;
}

body.files div.edit_file {
  background: #efefef;
  border: 2px solid #ccc;
  padding: 10px 10px 5px 10px;
  margin-bottom: 30px;
  clear: both;
}

body.files form.private div.edit_file {
  background-color: #ffe6ea;
}

body.files div.edit_file label {
  float: left;
  width: 70px;
  margin-right: 8px;
  text-align: right;
  padding-top: 2px;
  color: #666;
}

body.files div.edit_file div.file_icon {
  float: left;
  position: relative; /* force layout */
  margin: 0;
  width: auto;
}

body.files div.edit_file div.file_icon .thumb {
  border: 1px solid #ccc;
}

body.files div.edit_file div.file_info {
  margin-left: 45px;
}

body.files div.edit_file div.file_info label {
  position: relative; /* force layout */
}

body.files div.edit_file p {
  margin: 0 0 3px 0;
  font-size: 11px;
}

body.files div.edit_file input.title {
  width: 90%;
  max-width: 478px;
  font-size: 14px;
  font-weight: bold;
}

body.files div.edit_file input.description {
  font-size: 12px;
  width: 68%;
  max-width: 400px;
}

body.files div.versions div.edit_file input.description {
  width: 60%;
  max-width: 400px;
}

body.files div.edit_file select {
  margin-right: 5px;
}

body.files div.edit_file div.submit {
  margin: 5px 0 5px 0;
  padding: 5px 0 0;
  border-top: 1px solid #ddd;
}

body.files div.edit_file p.submit img { /* spinner */
  padding: 4px 0;
}

body.files div.edit_file div.attached p.submit {
  padding-left: 0;
}

body.files .privacy_container.private div.inner {
  background-color: #ffe6ea;
}

/*-------------------------------------------------
FILE VERSIONS
-------------------------------------------------*/

body.files div.versions {
  margin: 0 0 24px 0;
  padding: 0 10px 0 0;
}

body.files div.versions div.edit_file {
  margin: 5px 0;
  clear: both;
}

body.files div.versions ul {
  margin: 0;
  padding: 0;
}

body.files div.versions li {
  font-size: 10px;
  color: #666;
  list-style: none;
}

body.files div.versions li.new a {
  font-size: 10px;
  color: #333;
  font-family: verdana;
  list-style: none;
}

body.files div.versions li h3 {
  margin: 0; padding: 0;
}

body.files div.versions li h3 span.number {
  display: block;
  float: left;
  margin-right: 5px;
  text-align: right;
}

body.files div.versions li h3 img,
body.files div.versions li h3 a.image img {
  vertical-align: top;
}

body.files div.versions li h3 a.image img {
  margin-top: 4px;
}

body.files div.versions li a.filename {
  font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
  font-size: 12px;
  color: #000;
  margin-left: -2px;
}

body.files div.versions li a.filename:hover {
  color: #fff;
}

body.files div.versions li span.number {
  /*margin-right: 5px;*/
}

/*-------------------------------------------------
NEW
-------------------------------------------------*/

div#revise_file div.page_header h1 {
  font-size: 18px;
}

body.new_version div.page_header h1 strong {
  color:red;
}


/*-------------------------------------------------
IMAGE GRID
-------------------------------------------------*/

body.files table.grid_view {
  margin-bottom: 20px;
}

body.files table.grid_view td {
  font-size: 11px;
  border: 1px solid #dcdcdc;
  padding: 10px;
  vertical-align: top;
  text-align: center;
  width: 200px;
}

body.files table.grid_view td span.today {
  padding: 1px;
  background-color: #fff000;
  color: #000;
  font-size: 9px;
  font-weight: bold;
}

body.files table.grid_view td img {
  margin-bottom: 5px;
}

body.files table.grid_view td img.icon {
  padding-top: 30px;
}

body.files table.grid_view td div.file_info h1 a:link, body.files table.grid_view td div.file_info h1 a:visited {
  font-size: 12px;
  color: #000;
  text-decoration: none;
  margin-bottom: 3px;
}

body.files table.grid_view td div.file_info h1 .private_bug {
  top:-1px;
}

body.files table.grid_view td div.file_info h1 a:hover {
  font-size: 12px;
  color: #fff;
  background-color: #000;
  text-decoration: none;
}

body.files table.grid_view td div.file_info h2 {
  font-size: 10px;
  color: #666;
  font-weight: normal;
  margin: 1px 0;
}

body.files table.grid_view td div.file_info h2 a.admin {
  color: #666;
  font-size: 10px;
}

body.files table.grid_view td div.file_info h3 {
  font-size: 10px;
  color: #666;
  font-weight: normal;
  margin: 0;
}

body.files table.versions td {
  padding-top: 3px;
}

body.files table.versions td div.file_info h3 {
  color: #000;
  margin: 0 0 3px 0;
}

body.files table.grid_view td div.file_info p {
  font-size: 12px;
  font-weight: normal;
  color: #000;
  margin: 7px 0;
  line-height: 1.3em;
}

body.files table.grid_view td div.file_info div.excerpt p {
  width: 200px;
  word-wrap: break-word;
}

body.files table.versions td div.file_info p {
  margin-bottom: 0;
}

body.files table.grid_view td div.file_info p a:link,
body.files table.grid_view td div.file_info p a:visited {
  color: #333;
}

body.files table.grid_view td div.file_info p a:hover {
  color: #fff;
  background: #333;
}

body.files table.grid_view textarea {
  width: 175px;
  height: 70px;
}

body.files table.grid_view input.title {
  width: 175px;
}

/* List view nubbins */

body.files div.widget div.file div.nubbin {
  left: -28px;
  top: -2px;
}

/* Image grid nubbins */

body.files table.grid_view div.file_info {
  position: relative;
}

body.files table.grid_view div.file_info div.nubbin {
  position: absolute;
  top: 6px;
  left: 0;
}

body.files:not(.touch) table.grid_view div.file_info div.nubbin div.wrapper {
  background: #fff;
  right: auto;
  left: 0;
  padding: 2px 5px 0;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
}

body.files table.grid_view div.editing div.nubbin {
  display: none;
}

body.files table.grid_view div.hover div.nubbin a.admin:hover {
  background: none;
  color: #f00;
  text-decoration: underline;
}

body.files table.grid_view div.hover div.nubbin a.image img {
  margin-left: 5px;
  margin-top: 2px;
  vertical-align: middle;
}


/*-------------------------------------------------
UPLOAD A NEW VERSION
-------------------------------------------------*/

body.files div.single_file_selector_container {
  border: 5px solid #e0e0e0;
  width: 450px;
  margin-bottom: 14px;
}

body.files div.single_file_selector_container > div.inner {
  border: 1px solid #ccc;
  padding: 10px;
}

body.files div.single_file_selector_container div.metadata {
  margin-left: 0;
  border-top: 1px solid #ccc;
  margin-top: 10px;
  padding-left: 35px;
  padding-top: 10px;
}

body.files div.single_file_selector_container div.metadata p {
  font-size: 11px;
}

body.files div.single_file_selector_container span.filename  {
  font-weight: normal;
  font-size: 12px;
}

body.files div.single_file_selector_container img.icon {
  margin-right: 5px;
  vertical-align: middle;
}

body.files div.single_file_selector_container a.remove {
  display: none;
}

body.files div.single_file_selector_container p.description input {
  width: 270px;
}

body.files div.single_file_selector_container div.uppity_upload {
  padding: 1px 0;
}

/*-------------------------------------------------
Fancyzoom
-------------------------------------------------*/

div.file .file_icon {
  position: relative;
}

div.file .loading {
  opacity: 0.40;
  -moz-opacity: 0.4;
  filter:alpha(opacity=40);
  background: #000 url(/images/zoom/indicator.gif) no-repeat center center;
  position: absolute;
  top: 1px;
  left: 1px;
  height: 60px;
  width: 60px;
}

/*-------------------------------------------------
Creator picker
-------------------------------------------------*/

body.files .picker {
  margin-top: 5px;
  font-size: 12px;
  padding-left: 6px;
}

body.files .picker a:link,
body.files .picker a:visited {
  position: relative;
  display: block;
  margin: 0 0 1px 0;
  padding: 4px;
  line-height: 15px;
}

body.files .picker a:hover {
  color: #03c;
  text-decoration: underline;
  background: #f0f0f0;
}

body.files .picker a:active {
  color: #000;
}

body.files .picker a.current:link,
body.files .picker a.current:visited,
body.files .picker a.current:hover {
  color: #000;
  text-decoration: none;
  background: none;
  padding-left: 2px;
}

body.files .picker a.current span,
body.files .picker a.current:hover span {
  padding: 2px 4px;
  background: #000;
  color: #fff;
}

body.files p.no_matches {
  margin:0;
  line-height:18px;
  padding-bottom:300px;
}


/*-------------------------------------------------
BASIC FORM
-------------------------------------------------*/

#basic_form {
  font-family: verdana, sans-serif;
}

#basic_form p.blockintro {
	color: #666;
	font-size: 12px;
  line-height: 1.3em;
  margin: 0;
}

#basic_form dl {}

#basic_form dt {
  width: 80px;
  margin: 4px 8px 0 0; padding: 0;
  text-align: right;
  white-space: nowrap;
  float: left;
  clear: left;
  position: relative;
}

#basic_form dd {
  margin: 0 0 5px 0px;
  font-size: 10px;
}

.addacompany #basic_form dt,
.editcompany #basic_form dt { width: 120px; }
.editcompany #basic_form dt { width: 120px; }
.newprojectnewclient #basic_form dt { width: 120px; }
.newprojectnewclient #basic_form dt.newcompanyname { margin-top: 0;}
.newprojectnewclient #basic_form dd.newcompanyname {
   font-size: 11px;
   margin-bottom: 10px;
 }

 .appearance #basic_form dt { width: 150px; }

.file_upload_settings #basic_form dt { width: 90px; }
.file_upload_settings #basic_form dd { margin-left: 98px; }
.file_upload_settings #basic_form dl#protocol dt { width: 20px; margin: 0; }
.file_upload_settings #basic_form dl#protocol dd { margin: 0 18px 10px 28px; }
.file_upload_settings #basic_form dl#hostaddress dt { width: 40px; }
.file_upload_settings #basic_form dl#hostaddress dd { margin-left: 0; }
.file_upload_settings_verification #basic_form div.block {
	font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
  padding: 8px 5px;
  margin-bottom: 0;
}

.chat_settings #basic_form dl#campfire_account dt { width: 170px; }
.chat_settings #basic_form dl#campfire_account dd { margin-left: 170px; }

.chat_settings div.SectionHeader {
  margin-bottom: 10px;
}

div.chat_explanation {
  border: 1px solid #fc3;
  background: #ffc;
  padding: 10px;
  margin: 0 0 20px 0;
}

div.chat_explanation h2 {
  margin-top: 0;
}

div.chat_explanation p {
  margin-bottom: 0;
}

.chat div.chat_explanation p {
  font-size: 14px;
  line-height: 140%;
}

#basic_form dt.required {
  font-weight: bold;
}

#basic_form dd input {
  vertical-align: middle;
}

#basic_form table {}

#basic_form table td {
	font-size: 10px;
}

#basic_form table th {
  font-size: 10px;
	font-weight: normal;
	text-align: right;
}

#basic_form table th.required {
  font-weight: bold;
}

#basic_form div.block {
	color: #333;
	background: #f0f0f0;
	margin: 3px 0 25px 0;
	padding: 5px;
	font-size: 11px;
	font-weight: normal;
}

#basic_form div.block input {
  font-size: 12px;
}

#basic_form h2 {
	font-size: 14px;
	color: #000;
	margin-bottom: 10px;
	padding: 0;
	margin: 0 0 5px 0;
}

#basic_form div.action, div.action {
	border-top: 2px solid #000;
	margin-bottom: 10px;
	text-align: right;
	padding-top: 8px;
	font-size: 12px;
}

.pick_chat_room div.action { color: #999; }

#basic_form div p {
  margin: 0;
}

.settings #basic_form div.categories {
  margin-bottom: 0;
}

.settings #basic_form div.categories li {
  list-style: square;
  margin-left: 15px;
  font-size: 11px;
}

.settings #basic_form div.categories li span {
  font-size: 10px;
  color: #999;
}

.settings #basic_form div.categories li .sprite {
  margin-top: -2px;
}

.settings #basic_form div.addnewcategory p {
  margin: 0;
}

#basic_form div#currentlogo {
  background: #e5e5e5;
  padding: 10px;
  margin: 3px 0 0 0;
}

#basic_form div#currentlogo td {
  vertical-align: middle;
}

#basic_form div#currentlogo div#LogoBox {
  margin-bottom: 0;
}

#basic_form div#currentlogo td p {
  margin: 0 0 3px 0;
}

#basic_form div#upload {
  padding-left: 10px;
}

#basic_form div#upload p {
  margin: 0 0 5px 0;
}

.settings #basic_form div#statusoptions p {
  margin: 0 0 5px 0;
}

.settings #basic_form div#statusoptions p span {
  font-size: 10px;
  color: #666;
}

#Listform li h2 {
	font-size: 14px;
	color: #000;
	padding: 0;
	margin: 0 0 3px 0;
}

#basic_form div.explanation {
	border-top: 1px solid #ccc;
	margin: 10px 0 0 0;
	padding: 10px 10px 0 10px;
}

#basic_form div.explanation p {
	margin-bottom: 10px;
	font-size: 11px;
}

span.nowrap {
  white-space: nowrap;
}

img.rss_icon {
  width: 14px;
  height: 14px;
  vertical-align: middle;
}

/*-------------------------------------------------
HEALTHY HOVER CLASSES
-------------------------------------------------*/

a.clicked:link,
a.clicked:visited {
  text-decoration: underline !important;
  background: none !important;
  color: #03c !important; /* the default link color  */
}

p.submit a.clicked:link,
p.submit a.clicked:visited,
div.submit a.clicked:link,
div.submit a.clicked:visited,
div.page_header a.clicked:link,
div.page_header a.clicked:visited {
  color: #f00 !important; /* the admin link color */
}


/*-------------------------------------------------
PAGE HEADER
-------------------------------------------------*/

div.page_header {
  background: #edf3fe;
  margin: 0 0 5px 0;
  padding: 13px 30px 13px 24px;
}

div.page_header h1 {
  padding: 0;
  margin: 0;
  font-size: 14px;
  color: #000;
}

div.page_header h1 a {
  white-space: nowrap;
}

div.page_header h1 span {
  font-size: 12px;
  color: #666;
  font-weight: normal;
}

div.sheet div.page_header h1 {
  font-size: 20px;
}

div.page_header p {
  margin: 5px 0 0 0;
}


/*-------------------------------------------------
PAGE FOOTER (SUBMIT BAR)
-------------------------------------------------*/

div.page_footer {
  text-align: left;
  border-top: 1px solid #eee;
  padding: 12px 10px 25px 25px;
  margin: 0;
  color: #666;
  background: #f5f5f5;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#fbfbfb'); /* IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#fbfbfb)); /* webkit */
  background: -moz-linear-gradient(top,  #f5f5f5,  #fbfbfb); /* firefox 3.6+ */
}



/*-------------------------------------------------
PAGE HEADER LINKS
-------------------------------------------------*/

div.page_header_links {
  float: right;
  width: 300px;
  font-size: 11px;
  margin-top: 0;
  text-align: right;
  color: #ccc;
  line-height: 20px;
  white-space: nowrap;
}

div.page_header_links strong {
  color: #000;
}

div.page_header_links a.active:link,
div.page_header_links a.active:visited,
div.page_header_links a.active:hover {
  background: #999;
  color: #000;
  text-decoration: none;
  font-weight: normal;
}

div.page_header_links a.edit {
  text-decoration: none;
  color: #777;
}

div.page_header_links a.edit:hover {
  color: #fff;
}


/*-------------------------------------------------
PRIVATE HEADER
-------------------------------------------------*/

div.private_header {
  background: #ffe6ea;
  padding: 6px 10px 6px 27px;
  font-size: 11px;
  margin: 0;
}

div.private_header span.sprite {
  vertical-align: top;
  margin-top: 1px;
  margin-right: 2px;
}

div.private_header p {
  margin: 0;
}



/*-------------------------------------------------
DATES
-------------------------------------------------*/

h2.date /* the date */ {
  margin: 0 0 15px -23px;
  font-size: 9px;
  text-transform: uppercase;
}

body.el h2.date {
  text-transform: none;
}

h2.date span {
  border-bottom: 1px solid #ccc;
  color: #666;
  padding: 2px 4px 2px 24px;
}

h2.date span.today {
  background-color: #fff000;
  color: #000;
  font-weight: bold;
  border-bottom: none;
}

/*-------------------------------------------------
SIDEBARS
-------------------------------------------------*/

body .Right h1 {
  background-color: #EDF3FE;
  border-bottom: 1px solid #DCDCDC;
  margin: 0 0 5px 0;
  color: #333;
  padding: 6px 8px;
  font-size: 13px;
}

body .Right p {
  font-size: 12px;
  line-height: 1.3em;
  color: #222;
}

body .Right div.indent {
  padding-left: 8px;
}

/*-------------------------------------------------
BUTTON TO ADD NEW
-------------------------------------------------*/

div.button_to_add_new {
  margin: 0 0 15px 0;
}

div.button_to_add_new div.other_ways_to_add img {
  width: 16px !important;
  height: 16px !important;
}

div.other_ways_to_add {
  clear: left;
  font-size: 12px;
  line-height: 22px;
  margin: 8px 0 25px 7px;
}

div.other_ways_to_add img {
  vertical-align: middle;
  width: 16px;
  height: 16px;
}

div.other_ways_to_add a.clicked {
  color: #666 !important;
}

/*-------------------------------------------------
THE HELP LINK
-------------------------------------------------*/

a.help span {
  color: #ffffff;
  background: #E07500;
  font-size: 9px;
  font-weight:bold;
  padding: 2px 3px;
  text-shadow: rgba(0,0,0,0.3) 1px 1px 1px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}

/*-------------------------------------------------
PRIVATE BUG FOR TITLES
-------------------------------------------------*/

span.private_bug {
  position: relative;
  display:inline-block;
  vertical-align: middle;
  height: 14px;
  font-size: 10px;
  line-height:14px;
}

span.private_bug span.label {
  position: relative;
  display:inline-block;
  background: #d00;
  color: #fff;
  padding: 1px 4px;
  font-size: 10px;
  font-weight: normal;
  height: 14px;
  font-size: 10px;
  line-height: 14px;
  cursor: pointer;
}

span.private_bug span.private_eyes {
  display: none !important;
}

span.private_bug:hover span.private_eyes {
  display: block !important;
  font-weight: normal;
  color: #fff;
  background: #d00;
  position: absolute;
  top: -32px;
  left: -70px;
  padding: 4px 6px 4px 19px;
  white-space: nowrap;
  z-index: 99;
  font-size: 11px;
  height: 14px;
  line-height:14px;
}

span.private_bug:hover span.private_eyes span.lock_red {
  position:absolute;
  top:5px;
  left:5px;
}

span.private_bug:hover span.private_eyes span.arrow {
  background: url(/images/basecamp_sprites.png) no-repeat -16px top;
  position: absolute;
  display: block;
  bottom: -6px;
  left: 85px;
  height: 6px;
  width: 11px;
}


/*-------------------------------------------------
TO-DOS AND MILESTONES DASHBAORD
-------------------------------------------------*/

body.filterable_dashboard div.page_header_links {
  color: #333;
  font-size: 12px;
  width: 300px;
}

body.filterable_dashboard div.page_header_links.intl_wrapping {
  width: 500px;
}

body.filterable_dashboard div.page_header_links form {
  margin: 0; padding: 0;
}

body.filterable_dashboard div.page_header_links select {
  font-size: 12px;
  width: 120px;
}

body.filterable_dashboard div.no_items {
  margin-left: 20px;
}

body.filterable_dashboard div.no_items h2,
body.filterable_dashboard div.no_items p {
  margin: 0 0 5px 0;
}

/*-------------------------------------------------
SHEET FORMS
-------------------------------------------------*/

div.sheet_form div.form_section {
  margin-bottom: 25px;
}

div.sheet_form div.sub_form_section {
  margin-bottom: 10px;
}

div.sheet_form input.text {
  font-weight: bold;
  font-size: 18px;
  width: 98%;
}

div.sheet_form p {
  font-size: 13px;
  margin: 0 0 15px 0;
  padding: 0;
}

div.sheet_form div.submit {
  border-top: 1px dashed #ccc;
  margin: 20px -60px -15px -23px;
  padding: 15px 0 15px 30px;
  text-align: left;
}

div.sheet_form div.notify_block h3 {
  color: #000;
}

div.sheet_form div.submit p {
  margin: 0;
}

div.sheet_form h2 {
  color: #000;
  margin: 0 0 5px 0;
  padding: 0;
  font-size: 14px;
  font-weight: normal;
  font-family: "Lucida Grande", verdana;
}

div.sheet_form h3 {
  color: #000;
  margin: 0 0 3px 0;
  padding: 0;
  font-size: 14px;
}

div.sheet_form h2 span {
  font-size: 12px;
  font-weight: normal;
  color: #666;
}

/*-------------------------------------------------
PRIVATE ITEMS
-------------------------------------------------*/

div.private_banner {
  background-color: #ffe6ea;
  padding: 7px;
  text-align: center;
  margin: 15px 0;
  font-size: 12px;
  font-weight: bold;
}

div.private_banner span {
  background-color: red;
  padding: 2px 4px;
  color: #fff;
}

/*-------------------------------------------------
BLANK SLATES
-------------------------------------------------*/

div.blankBar h1 a.clicked:link,
div.blankBar h1 a.clicked:visited {
  color: red !important;
}

/*-------------------------------------------------
"LOCKED AND ARCHIVED" BAR
-------------------------------------------------*/

div#LockBar {
  background: #000;
  color: #ffc;
  padding: 4px;
  font-size: 14px;
  text-align: center;
}

div#LockBar span.reactivate {
  font-size: 12px;
}

div#LockBar span.reactivate a:link,
div#LockBar span.reactivate a:visited {
  color: #fff;
}


/*-------------------------------------------------
CONFIRM DELETE INTERSTICIAL
-------------------------------------------------*/

div.confirm_delete div.header {
  background: #ffc;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  padding: 18px 30px 15px;
  -webkit-border-top-left-radius: 16px;
  -webkit-border-top-right-radius: 16px;
  -moz-border-radius-topleft: 16px;
  -moz-border-radius-topright: 16px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

div.confirm_delete div.body {
  padding: 10px 40px 30px 30px;
}

div.confirm_delete p {
  font-size: 14px;
  line-height: 140%;
}

div.confirm_delete ul {
  margin-left: 40px;
}

div.confirm_delete ul li {
  list-style-type: disc;
  font-size: 14px;
  line-height: 110%;
}

div.confirm_delete ul.projects span {
  font-size: 12px;
  color: #666;
}

div.confirm_delete div.yes_or_no {
  text-align: center;
  border-top: 1px solid #ccc;
  margin-top: 24px;
}

div.confirm_delete div.yes_or_no p {
  font-size: 12px;
  margin-bottom: 0;
}

div.confirm_delete div.yes_or_no a {
  color: red;
}

div.confirm_delete div.yes_or_no a:hover {
  background: red;
  color: white;
}

div.confirm_delete div.yes_or_no a.yes {
  font-size: 14px;
  font-weight: bold;
}

/*-------------------------------------------------
CLEARFIX
-------------------------------------------------*/

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}
.clearfix {display: block;}

/*-------------------------------------------------
SPINNERS
-------------------------------------------------*/

div.widget.busy div.form div.buttons {
  background: url(/images/dots-white.gif) no-repeat center left;
}

div.widget.busy div.form div.buttons * {
  visibility: hidden;
}


/*-------------------------------------------------
LAUNCHBAR
-------------------------------------------------*/

div#launchbar {
  font-family: 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  background: #000;
  position: relative;
  text-align: left;
  z-index: 99;
}

div#launchbar div.message {
  padding: 5px 30px;
  color: #999;
}

div#launchbar ul {
  margin: 0;
  padding: 0;
}

div#launchbar li {
  list-style-type: none;
  line-height: normal;
  padding: 0;
}

div#launchbar ul.menus {
  padding: 0 25px;
}

div#launchbar li.menu {
  float: left;
  position: relative;
  margin-right: 4px;
}

div#launchbar li.menu a {
  position: relative;
  display: block;
  padding: 5px 7px 6px 4px;
  font-size: 11px;
  color: #999;
 	border-right: 1px solid #222;
  text-decoration: none;
}

div#launchbar li.menu a:hover {
  background: #000;
}

div#launchbar li.menu a.on {
  color: #ddd;
}

div#launchbar li.menu a.on:hover {
  color: #ddd;
}

div#launchbar li.menu a.account:hover {
  color: #fff;
}

div#launchbar li.menu a.current_account:hover {
  color: #999;
}

/* Promo ads in open bar */

div#launchbar li.menu a.dimmed,
div#launchbar li.menu a.dimmed:hover {
  color: #555;
}

div#launchbar li.menu div.items {
  display: none;
  position: absolute;
  z-index: 5;
  left: -5px;
  width: 210px;
}

div#launchbar li.hover div.items {
  display: block;
}

div#launchbar li.menu ul.items {
  margin-left: 1px;
  padding: 0 0 3px;
  background: #000;
  border-bottom-left-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-bottom-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
}

div#launchbar li.item {
  background: none;
}

div#launchbar li.item a {
  padding: 5px 0 5px 10px;
	border-right: 0;
	background-color: #000;
}

div#launchbar li.item a:hover {
	background-color: #222;
}

/* IE */

div#launchbar li.menu div.items {
  _background: none;
}

div#launchbar li.menu ul.items {
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/signal_id/launchbar_bg.png',sizingMethod='scale');
}

*:first-child+html div#launchbar li.menu ul.items {
  padding: 0 3px 3px 0;
  background: none;
  background: url(/images/signal_id/launchbar_bg.png) repeat;
}

*:first-child+html div#launchbar li.item {
  background: #000;
}

*:first-child+html div#launchbar ul.items li.last {
  padding-bottom: 5px;
}

div#launchbar ul.menus,
div#launchbar li.menu div.items,
div#launchbar li.menu ul.items,
div#launchbar li.item,
div#launchbar li.item a {
  zoom: 100%;
}

body.with_launchbar div#launchbar {
  _position: absolute;
  _top: 0;
  _left: 0;
}

body.with_launchbar div#Header {
  _margin-bottom: 20px;
  _top: 20px;
}


a.grey { color: #666 !important; }

a.grey:hover { color: #fff !important; background: #666; }

/*-------------------------------------------------
HEADER
-------------------------------------------------*/

#Header {
	background: #036;
	text-align: left;
  position: relative;
	}	

#Header h1 /* client name */ {
	padding: 30px 0 10px 30px;
	font-size: 24px;
	font-weight: normal;
	color: #fc0;
	}

#Header.global h1 {
  padding-top:10px;
}

#Header h1 span /* project name */ {
	font-size: 16px;
	font-weight: normal;
	color: #fff;
	border: none;
	font-family: "Lucida Grande", arial, sans-serif;
	}	

#Header #dashboard_and_project_switcher {
  position:absolute;
  top:0px; left:0px;
  height: 28px;
  padding: 0px 23px;
	font-size:12px;
}

#Header #dashboard_and_project_switcher div.switch,
#Header #dashboard_and_project_switcher div.pipe {
  float:left;
  height: 28px;
  padding: 7px 0px;
}

#Header #dashboard_and_project_switcher a {
  padding: 7px;
}

#Header #settings_signout_and_help {
  position:absolute;
  top:0px;
  right:0px;
  padding: 7px 20px;
  font-size:10px;
}

#Header #settings_signout_and_help a,
#Header #settings_signout_and_help span.name {
  padding: 7px 3px;
}

#Header #settings_signout_and_help a.help {
  padding:7px 5px 7px 5px;
}

#Header #settings_signout_and_help a.help:hover {
  background:transparent;
}

#Header div.navigation div.pipe,
#Header div.navigation span.pipe {
  opacity: 0.6;
  filter: alpha(opacity=60);
  font-size:10px;
}

#Header div.navigation a.current {
	font-weight: bold;
	text-decoration: none;
}

#Header div.navigation a.free_pitch {
	font-size: 10px;
  text-decoration: none !important;
}

#Header div.navigation a.free_pitch span {
  font-size: 12px;
  text-decoration: underline;
}

#Header div.navigation a.free_pitch:hover span {
  text-decoration: none;
}

#Header.global div.navigation {
  font-size:10px;
  padding:7px 25px 0px;
}

#Header.global div.navigation a {
  padding:7px 5px;
}


/*-------------------------------------------------
TABS
-------------------------------------------------*/

#Tabs {
	margin: 0 57px 0 30px;
	padding: 0;
	height: 24px;
}

#Tabs ul {
	margin: 0; padding: 0;
}

#Tabs li {
	margin: 0; padding: 0;
	display: inline;
	list-style: none;
	border: none;
}

div#Tabs a:link,
div#Tabs a:visited {
  text-decoration: none;
}

#Tabs a:hover {
	color: #fff;
	background: #333;
}

#Tabs ul#MainTabs a:link, #Tabs ul#MainTabs a:visited {
  float: left; /* for IE6 */
	font-size: 12px;
	line-height: 12px;
	font-weight: normal;
	padding: 5px 9px 7px;
	margin: 0 1px;
}

#Tabs ul#MainTabs a:link.current, #Tabs ul#MainTabs a:visited.current {
	color: #222;
	font-weight: bold;
	text-decoration: none;
  margin: 0 1px;
  padding-bottom: 9px;
  background: #e5e5e5;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#e5e5e5'); /* IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#e5e5e5)); /* webkit */
	background: -moz-linear-gradient(top,  #fdfdfd,  #e5e5e5); /* firefox 3.6+ */
}

div#print_button {
  float: right;
  width: 50px;
  padding-top: 3px;
  height: 1%;
}

body.unprintable div#print_button {
  display: none;
}

body.unprintable #Tabs {
  margin-right: 25px;
}

/*-------------------------------------------------
MINIDIALOG
-------------------------------------------------*/

div.minidialog {
  background-color: #fff;
  width: 510px;
  text-align: left;
  margin: 60px auto;
	-webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  -moz-box-shadow: 0 0 6px #999;
  -webkit-box-shadow: 0 0 6px #999;
  box-shadow: 0 0 6px #999;
  border: 1px solid #ccc;
}

body:first-of-type div.minidialog {border: none;} /* remove border for browsers that support box-shadow */

body.mini_dialog .innercol {padding: 15px 30px;}

div.minidialog div.page_header {
  padding: 18px 30px 15px;
  -webkit-border-top-left-radius: 16px;
  -webkit-border-top-right-radius: 16px;
  -moz-border-radius-topleft: 16px;
  -moz-border-radius-topright: 16px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

div.minidialog img {
  margin: 15px;
  padding: 0;
  display: none; /* salkdjflksdfdsalfal;sfls */
}

div.minidialog div.action {
  padding: 7px;
  background-color: #cfc;
  margin-bottom: 0;
}

div.minidialog table {
	font-size: 11px;
}

div.minidialog div.innercol p {
	margin-top: 0;
	padding-top: 0;
	font-size: 12px;
}

body.mini_dialog div.innercol div.message ul {
	list-style-type: square;
	margin-bottom: 15px;
}

body.mini_dialog div.innercol div.message li {
	font-size: 12px;
	margin-left: 20px;
}

div.minidialog div.innercol p.submit {
  border-top: 1px dashed #ccc;
  padding-top: 10px;
  margin: 15px 0 5px;
}

div.minidialog div.innercol ul {margin: 15px 0 15px 15px;}

div.minidialog div.innercol li {
  padding: 0 0 0 15px;
  list-style: square inside;
  color: #222;
  font-size: 12px;
  margin: 0 0 5px;
}

/*-------------------------------------------------
JAVASCRIPT DISABLED NOTIFICATION
-------------------------------------------------*/

div.javascript_disabled_notification {
  width: 520px;
  margin: 30px auto;
  background: #fff;
}

div.javascript_disabled_notification div.inner {
  padding: 20px;
  text-align: left;
}

div.javascript_disabled_notification h1 {
  font-size: 18px;
  margin: 0 0 18px 0;
}

div.javascript_disabled_notification p {
  margin: 0 0 14px 0;
  font-size: 14px;
  line-height: 140%;
}

/*-------------------------------------------------
FOOTER
-------------------------------------------------*/

.footer {
	clear: left;
	font-size: 9px;
	color: #999;
	margin: 3px 0 20px 10px;
	text-align: left;
	padding-bottom: 15px;
}

.footer a.image:hover {
  background: none;
}

.footer div {
  margin-left: 120px;
}

.footer div p {
  font-size: 9px;
  line-height: 15px;
  margin: 0;
}

.footer div span {
  color: #bbb;
}

.footer a:link, .footer a:visited {
	color: #999;
}

.footer a:hover {
	color: #fff;
	background: #666;
}

.footer.mobile-toggle {
  margin-bottom: -5px; 
  font-size: 12px; 
  color: #444;
}

.footer.mobile-toggle a {color: #444;}

.footer.mobile-toggle a:hover {
  color: #fff;
  background: #444;
}

/*-------------------------------------------------
REQUEST PROFILER OUTPUT
-------------------------------------------------*/

div#RubyProf {
  width: 80%
  margin: 0 auto;
  padding: 5%;
  font-size: 70%;
  font-family: monospace;
  background-color: white;
}


/*-------------------------------------------------
BLANK SLATE
-------------------------------------------------*/

#blank_slate {
  display: none;
}

body.blank_slate.full_screen_blank_slate #screen_body > * {
  display: none;
}

body.blank_slate.full_screen_blank_slate #screen_body #blank_slate {
  display: block;
}


#blank_slate {
	margin: 38px auto 50px;
	width: 650px;
	text-align: left;
}

body.overview #blank_slate {
  margin-top: 12px;
  background: white;
  width: 726px;
  -moz-box-shadow: 3px 3px 4px #bbb;
  -webkit-box-shadow: 3px 3px 4px #bbb;
  box-shadow: 3px 3px 4px #bbb;
  border-right: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
}

body:first-of-type.overview #blank_slate { border: none; } /* for browsers that support box-shadow */

body.overview #blank_slate div.inner {
  padding: 24px 46px 36px 30px;
  overflow: hidden;
}

body.milestones #blank_slate div.button {
  float: left;
}

body.milestones #blank_slate span.button_and_link {
  line-height: 29px;
  margin-left: 2px;
  font-size: 14px;
}

#blank_slate img {
	margin: 0 0 20px 0;
	float: left;
	margin: 0 20px 0 0;
}

#blank_slate img.noborder {
	border: none;
}

#blank_slate h1 {
	font-size: 18px;
	margin: 0 0 10px 0;
	padding-top: 7px;
}

#blank_slate h2 {
	font-size: 16px;
	font-weight: normal;
	margin: 0 0 15px 0;
	color: #444;
	line-height: 1.3em;
}

#blank_slate li {
	font-size: 16px;
	margin-bottom: 5px;
}

#blank_slate div.content {
	float: right;
	width: 455px;
}

#blank_slate h2.error {
  color: #f00;
  background: none;
}

/* Empty slate */

#empty_slate {
  display: none;
}

body.empty_slate #empty_slate {
  display: block;
}


body.login {
  color: #000;
	background-color: #e5e5e5;
	padding: 55px 0;
}

body.login a:hover {
  color: #03c;
  background: none;
  text-decoration: underline;
}

body.login div.login_dialog {
  zoom: 100%;
}

body.login div.login {
	padding: 25px 28px;
	background: #fff;
	text-align: left;
	width: 410px;
	margin: 10px auto;
	font-family: lucida grande, verdana;
	font-size: 12px;
	-webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: 0 0 6px #999;
  -webkit-box-shadow: 0 0 6px #999;
  box-shadow: 0 0 6px #999;
  border: 1px solid #aaa;
}

body:first-of-type.login div.login {border: none;} /* remove border for browsers that support box-shadow */


body.login div.login p {
	margin: 0 0 15px 0;
	padding: 0;
}

body.login div.login div.flash {
	padding: 7px 5px;
	font-size: 12px;
	margin: 15px 0;
}

body.login div.login div.error {
	border-top: 1px solid #900;
	border-bottom: 1px solid #900;
	color: #900;
	background-color: #f5e6e6;
}

body.login div.login div.confirm {
	border-top: 1px solid #393;
	border-bottom: 1px solid #393;
	color: #393;
	background-color: #e6f5ea;
}

body.login div.login h1 {
  color: #000;
	font-size: 16px;
	margin: 0 0 20px 0;
	padding: 0;
}

body.amnesia div.login h1 {
	margin-bottom: 5px;
}

body.login div.login h2 {
  color: #000;
	font-size: 14px;
	margin: 0 0 2px 0;
	padding: 0;
}

body.login div.login input {
	width: 275px;
	font-size: 14px;
	padding: 3px;
	margin-bottom: 10px;
}

body.login div.login label {
  margin-bottom: 10px;
}

body.login div.login label input {
  margin-bottom: 0;
}

body.login div.login input.auto {
	width: auto;
}

body.login div.login input.button {
	width: auto;
	font-size: 14px;
	padding: 3px;
	margin: 10px 0 0 0;
}

body.login div.login div.extras {
	border-top: 1px dashed #ccc;
	padding-top: 10px;
	margin-top: 15px;
}

body.login div.login div.extras ul {
	margin: 0;
	padding: 0;
}

body.login div.login div.extras ul li {
	list-style: none;
	font-size: 12px;
	padding-bottom: 3px;
}

body.amnesia div.top {
	width: 650px;
	background-position: -480px top;
}

body.amnesia div.login {
	width: 580px;
	background-position: -480px bottom;
}

body.amnesia div.login div.note {
	padding-left: 10px;
	border-left: 3px solid orange;
	font-size: 12px;
	margin-left: 10px;
	float: right;
	width: 215px;
}

body.amnesia div.login div.note h3 {
  margin-top: 0;
  color: #000;
}

body.amnesia div.login input {
	margin-bottom: 0;
}

body.amnesia div.login input.button {
	margin-bottom: 25px;
}


/*-------------------------------------------------
FORM
-------------------------------------------------*/

body.message_form div.Left div.innercol {
  padding: 10px 20px 0 20px;
}

body.message_form div.main_attributes {
  background: #efefef;
  margin: 0 0 10px 0;
  border-width: 1px;
  border-style: solid;
  border-color: #d9d9d9 #ccc #ccc #d9d9d9;
}

body.message_form div.main_attributes div.inner {
  padding: 10px;
  border: 1px solid #fff;
}

body.message_form div.main_attributes div.private_option {
  clear: left;
}

body.message_form h2 {
  margin: 0;
  padding: 0;
  border: none;
  font-size: 13px;
  color: #000;
  font-weight: bold;
  margin: 0;
}

body.message_form h2.text_input {
  font-size: 11px;
  color: #333;
  font-weight: normal;
}

body.message_form #post_form_container #extended,
body.message_form #post_form_container.extended span.show_extended_body {
  display: none;
}

body.message_form #post_form_container.extended #extended {
  display: block;
}

body.message_form h2 span.show_extended_body {
  font-size: 11px;
  color: #999;
}

body.message_form div.input {
  margin: 0 15px 10px 0;
}

body.message_form div.rich_text_area {
  padding-right: 5px;
}

body.message_form div.rich_text_area div.text_area {
  padding-right: 11px;
}

body.message_form div.rich_text_area div.editor {
  min-height: 200px;
}

body.message_form div.textile_text_area {
  padding-right: 5px;
}

body.message_form div.textile_text_area div.text_area {
  padding-right: 10px;
}

body.message_form div.textile_text_area div.error {
  font-size: 11px;
  font-weight: bold;
  background: #c00;
  color: #fff;
  margin: 5px 0;
  padding: 0;
  width: 100%;
  background: #c00 url(/images/alertbad_icon.gif) no-repeat 2px center;
}

body.message_form div.textile_text_area div.error span {
  padding: 7px 10px 7px 30px;
  display: block;
}

body.message_form input.message_title {
  font-weight: bold;
  font-size: 18px;
  padding: 3px;
}

body.message_form textarea {
  margin: 0 0 10px 0;
  font-size: 13px;
	line-height: 1.425em;
  padding: 4px 5px;
	height: 200px;
}

body.message_form div.input input,
body.message_form textarea,
body.message_form div.text_area div.editor {
  width: 100%;
}

body.message_form form.private div.inner {
  background-color: #ffe6ea;
}

body.message_form form.private h2.text_input strong {
  background-color: #f00;
  color: #FFF;
  padding: 1px 2px 2px;
}

body.message_form label#completion_option {
  white-space: nowrap;
}


/*-------------------------------------------------
OPTIONAL MESSAGE BLOCKS
-------------------------------------------------*/

body.message_form div.message_option {
  border-width: 5px 0 0 0;
  border-style: solid;
  border-color: #eee;
  overflow: hidden;
  padding: 8px 0 8px 10px;
}

body.message_form div.message_option h2 {
  margin: 0 0 3px 0;
  color: #000;
  font-weight: normal;
}

body.message_form div.message_option p {
  margin: 0;
}

/*-------------------------------------------------
ATTACHMENTS OPTION
-------------------------------------------------*/


body.message_form div.attachments_option {
  border: none;
  margin-bottom: 8px;
}

div.attachments_option span.paperclip {
  float: left;
}

div.attachments_option div.indented {
  margin-left: 33px;
  padding-top: 8px;
}

div.attachments_option h2 {
  margin-bottom: 3px;
}

div.attachments_option div.file_selectors p {
  margin-top: 0;
}

div.attachments_option div.cannot_upload_files p {
  margin: 0 0 5px 0;
	color: #000;
}

div.attachments_option div.cannot_upload_files {
	padding: 7px 20px 7px 7px;
	border: 1px dotted #ccc;
}

div.attachments_option div.cannot_upload_files h3 {
	font-size: 13px;
	margin: 0 0 3px 0;
	color: #000;
}


/*-------------------------------------------------
MILESTONE OPTION
-------------------------------------------------*/

body.message_form div.milestone_option {
}

body.message_form div.milestone_option label {
  font-weight: normal;
  font-size: 12px;
}


/*-------------------------------------------------
SUBSCRIBERS OPTION
-------------------------------------------------*/

body.message_form div.subscribers {
  padding-bottom: 15px;
  border-bottom: none;
}

body.message_form div.notification_header h2 {
  font-weight: bold;
}

body.message_form div.notification_header p {
  font-size: 12px;
  color: #666;
}

body.message_form div.notification_header {
  margin-bottom: 5px;
}

body.message_form div.subscribers div.indented {
  margin-left: 5px;
}


body.message_form div.submit input {
  font-size: 14px;
}

body.message_form div.edit_alert {
	margin-top: 10px;
	border-top: 1px dashed #dcdcdc;
	padding-top: 10px;
}

body.message_form div.edit_alert h2 {
	font-weight: bold;
}


/*-------------------------------------------------
INDEX
-------------------------------------------------*/

body.messages div.message {
	clear: both;
	margin-bottom: 40px;
}

body.messages div.page_header_links {
  width: 350px;
}

body.messages div.message div.avatar {
	float: left;
	width: 55px;
}

body.messages div.message div.meta {
	font-size: 10px;
	margin: 5px 0;
	color: #666;
}

body.messages div.message div.meta strong, body.messages div.message div.meta a {
	color: #000;
}

body.messages div.message div.content {
	margin-left: 65px;
}

body.messages div.message div.content h1 {
	font-size: 18px;
	margin-bottom: 10px;
	line-height: 1;
}

body.messages div.message div.content .private_bug {
  top:-3px;
}

body.messages div.message div.content h1 a {
  color: #000;
  text-decoration: none;
}

body.messages div.message div.content h1 a:hover {
  text-decoration: underline;
  background: none;
}

body.messages div.message div.content a.more {
  white-space: nowrap;
  font-size: 13px !important;
  font-weight: normal !important;
}

body.messages div.message p.permalink {
  font-size: 11px;
  color: #666;
}

body.messages div.formatted_text_body p {
  font-size: 13px;
	padding: 0;
	margin: 0 0 10px 0;
	line-height: 1.425em;
}

body.messages div.formatted_text_body h1 {
  font-size: 16px;
}

body.messages div.formatted_text_body h2 {
  font-size: 14px;
}

body.messages div.formatted_text_body h3 {
  font-size: 12px;
}

body.messages div.formatted_text_body h4,
body.messages div.formatted_text_body h5,
body.messages div.formatted_text_body h6 {
  font-size: 12px;
}


/*-------------------------------------------------
FORUM INDEX
-------------------------------------------------*/

body.forum div.Left div.innercol {
  padding-right: 23px;
}

table.forum_view {
	margin-bottom: 20px;
  border-collapse: collapse;
}

table.forum_view th {
  color: #999;
  font-weight: normal;
  text-align: left;
  font-size: 11px;
  padding: 3px 7px 3px 0;
  border-bottom: 1px solid #ddd;
}

table.forum_view td {
	font-size: 14px;
	color: #000;
	padding: 7px 7px 7px 0;
  border-bottom: 1px solid #eee;
	vertical-align: top;
	line-height: 1.1em;
}

table.forum_view td.message {
  padding-right: 15px;
  width: 70%;
}

table.forum_view td.message .private_bug {
  top:-2px;
}

table.forum_view td.message a {
  text-decoration: none;
  position: relative;
}

table.forum_view td.message a:hover {
  background: none;
}

table.forum_view td.message a span.comments {
  display: block;
  position: absolute;
  top: 4px;
  left: -60px;
  width: 55px;
  text-align: right;
}

table.forum_view td.message a span.size {
  float: right;
  font-weight: bold;
  padding: 2px 5px 0 0;
  font-size: 12px;
	color: #01a101;
}

table.forum_view td.message a.visited span.size {
  color: #999;
}

table.forum_view td.message a span.comments span.icon {
  display: block;
  width: 24px;
  height: 0;
  padding-top: 21px;
  float: right;
	background: url(/images/basecamp_sprites.png) no-repeat -245px -30px;
}

table.forum_view td.message a.visited:link span.comments span.icon,
table.forum_view td.message a.visited:visited span.comments span.icon {
	background-position: -215px -30px;
}


table.forum_view td.message a span.title {
  padding: 1px 0;
  line-height: 1.3em;
  text-decoration: underline;
}

table.forum_view td.message a span.title:hover {
  text-decoration: none;
}

table.forum_view td img {
  vertical-align: middle;
}

table.forum_view div.comments {
  text-align: right;
}

table.forum_view td.comments span {
	background-color: #ccc;
	padding: 4px;
	font-size: 11px;
}

table.forum_view td.comments span.new {
	background-color: #01a101;
	color: #fff;
	font-weight: bold;
}

table.forum_view td.last_comment {
  width: 29%;
  color: #888;
  font-size: 11px;
}

table.forum_view td span.meta {
  color: #888;
	font-size: 11px;
}

table.forum_view td span.meta span.today {
	background-color: yellow;
	padding: 2px;
	color: #333;
}


/*-------------------------------------------------
DROPBOX
-------------------------------------------------*/

body.messages div.message_dropbox {
  border-top: 1px solid #ccc;
  padding-top: 10px;
  margin-top: 20px;
}

body.messages div.message_dropbox p {
  font-size: 12px;
  line-height: 16px;
  margin: 0 0 0 5px;
  padding: 0;
  float: left;
}

body.messages div.message_dropbox span.sprite.email {
  float: left;
  margin-top: 1px;
}

body.message_form div.message_dropbox {
  margin-top: 7px;
}

body.message_form div.message_dropbox h1 {
  background: none;
  border: none;
  padding-bottom: 0;
}

body.message_form .Right div.message_dropbox p {
  margin-top: 0;
}

body.dropbox {
  background: #e5e5e5 url('/images/digest_subscriptions/dialog_gradient_background.png') top left repeat-x;
}

body.dropbox div.dropbox_dialog {
  margin: 24px auto 10px auto;
  text-align: left;
  background: #edf3fe;
  padding: 20px 20px 10px 20px;
  border: 1px solid #ccc;
  width: 450px;
}

body.dropbox div.dropbox_dialog p.headline {
  font-size: 14px;
  line-height: 1.4;
  margin-top: 0;
}

body.dropbox div.dropbox_dialog ul {
  margin: 20px 0;
}

body.dropbox div.dropbox_dialog ul,
body.dropbox div.dropbox_dialog li {
  font-size: 13px;
  list-style: disc;
  margin-left: 10px;
}

body.dropbox div.dropbox_dialog p.back {
  font-size: 13px;
  margin-top: 20px;
}

body.dropbox div.regenerate {
	width: 450px;
	margin: 0 auto;
	font-size: 9px;
	text-align: left;
}

body.dropbox div.regenerate a {
	color: #000;
}

body.dropbox div.regenerate a:hover {
	color: #fff;
}

/*-------------------------------------------------
SHOW
-------------------------------------------------*/

body.message div.page_header {
  padding: 0 60px 0 0;
  border-bottom: 1px solid #d0d0d0;
}

body.message div.page_header_links {
  width: 350px;
  line-height: 12px;
  margin-top: 10px;
}

body.message div.page_header p.link_back {
  margin: 0;
  padding: 10px 0 10px 15px;
  font-size: 12px;
}

body.message div.page_header p.link_back a {
  text-decoration: none;
}

body.message div.message_header {
  border-bottom: 1px solid #ddd;
  margin-bottom: 14px;
  padding-bottom: 5px;
  overflow: hidden;
}

body.message div.message_header h2 span.sticky {
  background: #ffb;
}

body.message div.message_header img.avatar {
  margin: 0 5px 5px 10px;
  float: right;
}

body.message div.message_header p {
  font-size: 12px;
  line-height: 140%;
  margin: 0;
}

body.message div.message_header h2,
body.message div.message_header h2 span {
  /* span for Textile interference */
  font-size: 18px;
  margin: 0 0 5px 0;
  border: none;
  color: #000;
}

body.message div.message_header p span.label {
  float: left;
  width: auto;
  margin-right: 8px;
  color: #999;
}

body.message div.message {
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
  padding-bottom: 15px;
}


/*-------------------------------------------------
COMMENT EMAIL NOTIFICATION SIGNUP
-------------------------------------------------*/

div#notificationSignup {
	margin-bottom: 20px;
}

div#notificationSignup p.subscribe {
  background: #ffc;
  padding: 4px;
  margin-left: -4px;
}

div#notificationSignup h3 {
	font-size: 11px;
	color: #000;
	padding: 0;
	margin: 0 0 3px 0;
}

div#notificationSignup p.subscribers {
	margin-top: 0;
  margin-left: 5px;
  font-size: 10px;
	line-height: 1.4em;
}

div#notificationSignup p.subscribers span {
  color: #999;
}

.SidebarContact {
	font-size: 10px;
	line-height: 1.4em;
	color: #333;
	margin: 10px 0;
}

.SidebarContact h3 {
	color: #000;
	margin: 0;
	font-size: 11px;
}

/*-------------------------------------------------
COMMENT SPECIFIC STUFF
-------------------------------------------------*/

div#Attachments h2 {
	background-color: transparent;
	color: #000;
	border-bottom: none;
}

#Preview, #preview {
	border: 2px solid #ef9c00;
	padding: 0;
}

#Preview div.preview_header h2,
#preview div.preview_header h2 {
	margin: 0;
	padding: 5px 10px;
	background: #ff6;
	border: none;
	color: #000;
}

#Preview #PreviewBody, #preview_body {
	padding: 10px 20px 10px 10px;
}

h1#post_title_preview {
  color: #000;
  margin: 0 0 15px 0;
}

#Preview, #preview {
  margin-bottom: 10px;
}

#Preview #PreviewButtons {
	text-align: left;
	background: #ffc;
	margin: 0;
	padding: 5px 10px;
}

div.post_comment_stats h2 {
	margin: 1px 0 8px 0;
	font-size: 12px;
	color: #666;
	font-weight: normal;
}

div.post_comment_stats h2 a:link,
div.post_comment_stats h2 a:visited {
	font-weight: bold;
	color: #000;
}

div.post_comment_stats h2 a:hover {
  color: #fff;
  background: #000;
}

div.uploaded_images img,
div.uploaded_images a.image img {
  padding: 1px;
  border: 1px solid #ccc;
  margin: 0 5px 5px 0;
}

div.all_at_once {
  font-size: 10px;
  line-height: 1.4;
}

div.all_at_once a {
  color: #888;
  text-decoration: none;
  border-bottom: 1px solid #ddd;
  padding-bottom: 0;
}

div.all_at_once a:hover {
  color: #fff;
  background: #666;
  border-color: #666;
}

/*-------------------------------------------------
FILE ATTACHMENTS
-------------------------------------------------*/

div.attachments {
	margin: 5px 0 10px 0;
}

div.attachments div.attachment {
	font-size: 11px;
	color: #888;
}

body.messages div.attachments {
  margin-top: 15px;
}

body.messages div.attachments div.attachment {
	margin-bottom: 7px;
}

div.attachments div.attachment span {
  font-size: 10px;
}

body.commentable div.attachments div.attachment a:hover {
  background: none;
  color: #03c;
  text-decoration: underline;
}

body.commentable div.attachments div.attachment {
  font-size: 14px;
  clear: left;
  line-height: 32px;
  margin-top: 6px;
  margin-bottom: 13px;
}

body.commentable div.attachments div.attachment span {
  font-size: 12px;
}

body.commentable div.attachments div.attachment img {
  vertical-align: middle;
  padding: 0;
  border: 0;
}

body.commentable div.attachments div.attachment a.file_icon {
  float: left;
  margin: 0 8px 0 0;
  padding: 0;
}

body.commentable div.attachments div.attachment div h2 {
  height: 16px;
  font-size: 13px;
  font-weight: normal;
  margin: 0;
  padding: 3px 0 0 0;
  line-height: 13px;
}

body.commentable div.attachments div.attachment div p {
  color: #999;
  font-size: 10px !important;
  margin: 0;
}

div.attachments div.attachment img {
	padding-right: 8px;
	border:0px;
}


/*-------------------------------------------------
FORMATTING IN MESSAGE AND COMMENT BODIES
-------------------------------------------------*/

div.formatted_text_body {
  font-size: 13px;
	line-height: 1.425em;
}

div.formatted_text_body.rich_text {
  margin-bottom: 10px;
}

div.formatted_text_body.rich_text div.paragraph_break {
  display: block;
  margin: 3px 0 16px;
}

div.formatted_text_body.rich_text div.paragraph_break br {display: none;}

div.formatted_text_body.textile ol, 
div.formatted_text_body.textile ul {
	margin: 3px 0 16px 0;
	padding: 0;
}

div.formatted_text_body li {
	margin-left: 30px;
	font-size: 12px;
	line-height: 1.425em;
	padding: 0;
}

div.formatted_text_body ul li {list-style-type: square;}
div.formatted_text_body ul li ol li {list-style-type: decimal;}

div.formatted_text_body.textile  table {
  border-collapse: collapse;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  margin: 3px 0 16px 0;
}

div.formatted_text_body.textile  td,
div.formatted_text_body.textile  th {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
	padding: 5px;
	font-size: 12px;
}

div.formatted_text_body p {margin: 0;}

div.formatted_text_body.textile p {
	font-size: 13px;
	line-height: 1.425em;
	margin: 3px 0 16px 0;
	padding: 0;
}

div.formatted_text_body.textile  h1,
div.formatted_text_body.textile  h2,
div.formatted_text_body.textile  h3,
div.formatted_text_body.textile  h4,
div.formatted_text_body.textile  h5,
div.formatted_text_body.textile  h6 {
  margin: 24px 0 6px 0;
  font-weight: bold;
  color: #000;
}

div.formatted_text_body.textile  h1 {font-size: 18px;}
div.formatted_text_body.textile  h2 {font-size: 16px;}
div.formatted_text_body.textile  h3 {font-size: 14px;}
div.formatted_text_body.textile  h4,
div.formatted_text_body.textile  h5,
div.formatted_text_body.textile  h6 {
  font-size: 14px;
  font-weight: normal;
  font-style: italic;
}

div.formatted_text_body code, 
div.formatted_text_body pre,
div.formatted_text_body code *, 
div.formatted_text_body pre *	{
	font-size: 12px !important;
	font-family: monospace;
	background: inherit;
	color: #333;
	}
	
div.formatted_text_body pre {
  white-space: pre-wrap;
  word-wrap: break-word; /* For IE */
}

/*-------------------------------------------------
MOST ACTIVE DISCUSSIONS
-------------------------------------------------*/

div.unit {
	clear: both;
	margin-bottom: 20px;
}

div.unit div.avatar {
	float: left;
	width: 55px;
}

div.unit div.meta {
	font-size: 10px;
	margin: 5px 0;
	color: #666;
}

div.unit div.meta strong, div.unit div.meta a {
	color: #000;
}

div.unit div.content {
	margin-left: 65px;
	margin-bottom: 40px;
}

div.unit div.content h1 {
	font-size: 18px;
	margin-bottom: 10px;
	line-height: 1;
}

div.unit div.content p {
	font-size: 13px;
	line-height: 1.425em;
	margin: 0 0 15px 0;
}

div.unit div.latest {
	border: 2px solid #ddd;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 10px 10px 5px 15px;
	margin-bottom: 40px;
}

div.unit div.latest h1 {
	font-size: 12px;
	color: #900;
}

div.unit div.latest div.message {
	font-size: 12px;
	margin-bottom: 20px;
	padding: 0;
	clear: both;
	line-height: 1.4em;
}

div.unit div.latest div.message span {
	font-size: 11px;
	color: #999;
}

div.unit div.latest div.message h2 {
	font-size: 14px;
}

div.unit div.latest div.message h2 a { 
  color: #333;
  background: none;
  padding: 0;
  text-decoration: none;
}

div.unit div.latest div.message h2 a:hover {
  color: #222;
  background: none;
  text-decoration: underline;
}

div.unit div.latest div.message a.avatar,
div.unit div.latest div.message a.avatar:hover {
  padding: 0;
  background: none;
}

div.unit div.latest div.message a.avatar img {
	width: 34px;
	height: 34px;
	margin-right: 5px;
	float: left;
  border: none;
}


.milestone_writing_activity table.layout td.deadline,
.milestone_writing_activity table.layout td.fields {
  padding: 0px;
  vertical-align: top;
}

.milestone_writing_activity table.layout td.deadline {
  border-right: 1px solid #ccc;
  padding-right: 19px;
  width: 1%;
}

.milestone_writing_activity table.layout td.fields {
  padding: 0px 20px;
  width: 99%;
}

.milestone_writing_activity table.layout td.deadline .calendar_date_select {
  width: 210px;
}

.milestone_writing_activity table.layout input.text {
  width: 90%;
}

.milestone_writing_activity table.layout h2 span {
  white-space:nowrap;
}

.milestone_writing_activity table.layout div.submit {
  margin: 20px -20px;
  padding: 15px 0px 15px 20px;
}


/*-------------------------------------------------
INDEX
-------------------------------------------------*/

body.milestones div.page_header_links {
  color: #999;
  width: 300px;
}

body.milestones div.page_header {
  margin-bottom: 10px;
}

body.milestones div.Milestone div.widget_content form {
  display: inline;
  margin: 0;
}

body.milestones div.explain_ical_subscription p {
  color: #444;
  margin: 0 0 20px 0;
  font-size: 11px;
  line-height: 140%;
}

body.milestones div.explain_ical_subscription p a {
  color: #666;
}

body.milestones div.explain_ical_subscription p a:hover {
  color: #fff;
  background: #666;
}

body.milestones div.Milestone {
  position: relative;
}

body.milestones div.Milestone div.sheet_form div.shift {
  width: 270px;
}

body.milestones div.Milestone div.sheet_form div.shift_wrapper {
  overflow: hidden;
  border: 1px dotted #999;
  padding: 5px;
}

body.milestones div.Milestone div.sheet_form div.shift h2 {
  font-size: 12px;
  font-weight: bold;
}

body.milestones div.Milestone div.sheet_form div.shift p {
  font-size: 11px;
  line-height: 1.2em;
}

/*-------------------------------------------------
POPUP DATE PICKER
-------------------------------------------------*/

body.milestones_add_many span.due_pop_wrapper {
  position:relative;
  vertical-align: text-top;
  display: inline-block;
}

body.milestones_add_many span.due_pop_container {
  display: none;
}

body.milestones_add_many .active_menu span.due_pop_container {
  display: block;
  position: relative;
  z-index: 6;
}

body.milestones_add_many span.due_pop {
  width: 150px;
  background: url(/images/assign_due_pop.png) no-repeat;
  padding: 8px 25px 0 28px;
  position: absolute;
  top: -58px;
  right: -200px;
  z-index: 4;
  display: block;
}

body.milestones_add_many span.due_pop label {
  display: block;
  font-weight: bold;
  margin-top: 7px;
  margin-bottom: 3px;
  font-size: 12px;
  color: #000;
}

body.milestones_add_many span.due_pop span.close_link {
  float: right;
  margin: -16px -33px 0 -5px;
  padding: 0;
  cursor: pointer;
}

body.milestones_add_many span.due_pop select {
  margin: 0;
  width: 100%;
}

body.milestones_add_many span.due_pop span.date {
  margin-top: 10px;
  border-top: 1px solid #c4c4c4;
  display: block;
}

body.milestones_add_many span.due_pop label.header {
  display: block;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  margin: 5px 0 3px 0;
}

body.milestones_add_many .calendar_date_select .footer {
  font-weight: normal;
  font-size: 11px;
  margin: 0 0 4px;
  width: 100%;
  display: none;
}

body.milestones_add_many .calendar_date_select th,
body.milestones_add_many .calendar_date_select td {
  font-size: 11px;
  line-height: 13px;
  padding: 0 !important;
  width: auto !important;
  height: auto !important;
}

body.milestones_add_many .calendar_date_select th {
  font-weight: normal !important;
  height: 20px !important;
  color: #999 !important;
}

body.milestones_add_many span.due_pop .calendar_date_select select {
  width: auto;
}

body.milestones_add_many .calendar_date_select .header .pager a,
body.milestones_add_many .calendar_date_select .header .pager a img {
  padding: 3px 1px !important;
}

body.milestones_add_many .calendar_date_select .header {
  padding: 3px 0;
}

body.milestones_add_many span.due_pop span.no_date_link {
  font-size: 11px;
  color: #F00;
  text-align: center;
  display: block;
  padding: 0 0 12px;
  background: url(/images/assign_due_pop.png) no-repeat left bottom;
  margin: 0 -25px -25px -28px;
  height: 13px;
}

/*-------------------------------------------------
EDIT
-------------------------------------------------*/

body.milestones div.Milestone div.sheet_form {
  border: 2px solid #999;
  padding: 10px 20px;
  margin: 10px 0;
}

/*-------------------------------------------------
SIDEBAR CALENDAR
-------------------------------------------------*/

table.Calendar {
  margin-top: 15px;
  font-size: 10px;
  text-align: center;
  color: #333;
  font-family: "Lucida Grande",verdana,arial,helvetica,sans-serif;
}

table.Calendar td {
  padding: 4px;
  text-align: center;
  font-size: 11px;
  color: #121212;
}

table.Calendar th {
  color: #555;
  background: #dcdcdc;
  border-bottom: 1px solid #ccc;
  text-align: center;
}

table.Calendar th.month {
  text-align: right;
  color: #333;
}

table.Calendar td.weekend {
  color: #c3bebe;
}

table.Calendar td.past, table.Calendar td#today, table.Calendar td.future_today, table.Calendar td.past_today, table.Calendar td.past_future, table.Calendar td.past_future_today, table.Calendar td.future, table.Calendar td.late {
  color: #fff;
}

table.Calendar td.past {
  background: #393;
  color: #fff;
}

table.Calendar td.late {
  background: #c00;
  color: #fff;
}

table.Calendar td#today {
  /* background: #fc0; */
  background: #9cf;
  color: #000;
}

table.Calendar td.future_today {
  color: #69c;
  background: #fc0;
  font-weight: bold;
}

table.Calendar td.past_today {
  color: #9ff;
  background: #393;
  font-weight: bold;
}

table.Calendar td.past_future {
  background-image: url(/images/milestone_future_past.gif);
  background-position: center;
  color: #fff;
}

table.Calendar td.past_future_today {
  background-image: url(/images/milestone_future_past.gif);
  background-position: center;
  color: #9ff;
  font-weight: bold;
}

table.Calendar td.future {
  /* background: #c00; */
  background: #fc0;
  color: #000;
}

table.Calendar tr.pastmonth {
  display: none;
}

/*-------------------------------------------------
PERMA/COMMENTABLE
-------------------------------------------------*/

body.milestone div.page_header {
  margin: -15px -60px 10px -23px;
}

body.milestone div.page_header h1 span {
  font-size: 14px;
}

body.milestone div.page_header h1 a {
  text-decoration: none;
}

body.milestone div.page_header h1 a em {
  /* if we use span, it'll hose the link color coming down from the color scheme */
  font-style: normal;
  font-weight: normal;
  text-decoration: underline;
}

body.milestone div.page_header h1 a:hover em {
  text-decoration: none;
}

body.milestone div.check_box_commentable {
  border: 1px solid #ddd;
  padding: 10px 0 0 0;
  margin: 16px 0px 10px -9px;
  background: #fff;
  border-bottom: 2px solid #bbb;
  border-right: 2px solid #ccc;
}

body.milestone div.check_box_commentable h3 {
  font-size: 12px;
  margin: 0 0 10px 9px;
  padding: 0;
  font-weight: normal;
}

body.milestone div.check_box_commentable h3.late {
  color: #c00;
}

body.milestone div.check_box_commentable h3.complete {
  color: #090;
}

body.milestone div.check_box_commentable h3.upcoming {
  color: #c93;
}

body.milestone div.check_box_commentable div.controls {
  display: block;
  float: left;
  width: 18px;
  height: 18px;
  margin: 0 0 0 10px;
}

body.milestone div.check_box_commentable div.content {
  margin: 0 15px 20px 36px;
  position: relative;
}

body.milestone div.check_box_commentable div.content p {
  font-size: 18px;
  line-height: 20px;
  margin: 0;
}

body.milestone div.check_box_commentable div.completed p {
  text-decoration: line-through;
}

body.milestone div.check_box_commentable div.content ul.attached_to {
  margin-top: 5px;
}

body.milestone div.check_box_commentable div.content ul.attached_to,
body.milestone div.check_box_commentable div.content ul.attached_to li {
  font-size: 13px;
  color: #666;
}

body.milestone div.check_box_commentable div.content ul.attached_to li {
  margin: 0 0 3px 0;
}

body.milestone div.check_box_commentable div.content ul.attached_to a {
  color: #666;
}

body.milestone div.check_box_commentable div.content ul.attached_to a:hover {
  color: #fff;
  background: #666;
}

body.milestone div.check_box_commentable div.content span.completed_on {
  color: #777;
}

body.milestone div.check_box_commentable input {
  font-size: 18px;
}

body.milestone div.busy div.content {
  background: url(/images/dots-white.gif) no-repeat 2px 8px;
}

div.widget.busy div.form div.buttons {
  background-position: 22px center !important;
}

body.milestone div.busy div.content p {
  visibility: hidden;
}

/*-------------------------------------------------
NUBBINS
-------------------------------------------------*/

body.milestones div.Milestone div.nubbin div.wrapper {
  top: 12px;
}

/*-------------------------------------------------
LEGACY
-------------------------------------------------*/

  /*-------------------------------------------------
  MILESTONES
  -------------------------------------------------*/

  .LateBlock, .UpcomingBlock, .CompletedBlock {
    padding-bottom: 25px;
  }

  .Milestone {
    border-bottom: 1px solid #e0e0e0;
    padding: 8px 0 8px 5px;
  }

  body.milestones div.commentable div.comments {
    right: -41px;
  }

  .Milestone ul {
    margin: 3px 0 8px 25px;
    font-size: 12px;
  }

  .Milestone li {
    color: #666;
    border: none;
    list-style: none;
    padding: 2px 0 0 0;
  }

  .Milestone li a {
    color: #666;
  }

  .Milestone li a:hover {
    color: #fff;
    background: #666;
  }

  h1.LateMilestones, h1.UpcomingMilestones, h1.CompletedMilestones {
    font-family: verdana;
    font-size: 10px;
    padding: 3px;
    /* background-color: #c00; */
    background-color: #fc0;
    /* color: #fff; */
    color: #000;
    margin: 0;
    text-align: left;
    /* border-bottom: 1px solid #c00; */
    border-bottom: 1px solid #fc0;
  }

  h1.LateMilestones {
    background-color: #c00;
    border-bottom: 1px solid #c00;
    color: #fff;
  }

  h1.CompletedMilestones {
    background-color: #090;
    border-bottom: 1px solid #090;
    color: #fff;
  }

  .Milestone h2 /* the date */ {
    font-family: verdana;
    padding: 0 0 3px 0;
    margin: 0;
    color: #c00; /* future by default */
    font-size: 10px;
    font-weight: bold;
  }

  .Milestone .showhide h2 {
    color: #333;
  }

  .Milestone .showhide .submit {
    margin-top: 10px;
    padding-top: 5px;
    border-top: 1px dotted #999;
    text-align: right;
  }

  .Milestone h2.complete {
    color: #090;
  }

  .Milestone h2.upcoming {
    color: #c93;
  }

  .Milestone h3 /* the name */ {
    margin: 2px 0 0 0;
    padding: 0;
    border: none;
    color: #333;
    font-size: 14px;
    font-weight: bold;
  }

  .Milestone h3 form {
    vertical-align: bottom;
  }

  .Milestone h3 form input {
    /*font-size: 14px;
    padding: 0 !important;*/
  }

  .day {
    font-weight: normal;
  }

  .responsibility {
    font-size: 10px;
    color: #666;
    font-weight: normal;
  }

  /* MILESTONE DIALOG */

  .Milestone div.DialogHeader {
    background-color: #333;
    padding: 3px 0 3px 10px;
    text-align: left;
    border: 1px solid #333;
    border-bottom: none;
    margin: 0;
  }

  .Milestone div.DialogHeader h1 {
    padding: 0;
    margin: 0;
    font-size: 11px;
    color: #fff;
  }

  .Milestone div.DialogBody {
    width: auto;
    background: #f0f0f0;
    border: 1px solid #d5d5d5;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    padding: 0 12px 8px 15px;
    margin: 0;
  }

  .Milestone div.PrimaryAction {
    font-size: 10px;
    margin: 10px 0 0 0;
    padding: 5px 0 0 0;
    border-top: 1px dotted #999;
    text-align: right;
  }

  #NewMilestone {
    background: none;
    padding: 0 0 20px 0;
  }

  /* ADD MORE MILESTONES */

  #basic_form table#AddManyMilestones {
    width: 100%;
    margin-bottom: 10px;
    border-collapse: collapse;
  }

  #basic_form table#AddManyMilestones th {
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    color: #000;
    border-bottom: 1px solid #d5d5d5;
  }

  #basic_form table#AddManyMilestones tr.shaded {
    background-color: #efefef;
    }

  #basic_form table#AddManyMilestones td {
    width: 43%;
    padding: 8px 4px;
  }

  #basic_form table#AddManyMilestones td.due_at {
    width: 14%;
  }

  #basic_form table#AddManyMilestones td span.send_reminder {
    white-space: nowrap;
  }

  #basic_form table#AddManyMilestones td.title input,
  #basic_form table#AddManyMilestones td.due_at input {
    width: 90%;
  }

  .AddTheseMilestones {
    text-align: right;
  }

  h2.ForReference {
    margin-left: 0;
  }

  #basic_form table#AddManyMilestones input::-webkit-input-placeholder {
    color: #666;
  }


/*-------------------------------------------------
MILESTONE QUICK WINDOW
-------------------------------------------------*/

div.dashboard_calendar div.milestone_quick_window {
  display: none;
  width: 633px;
}

body:not(.touch) div.milestone_quick_window div.widget div.nubbin div.wrapper {
  background: url(/images/basecamp_sprites.png) no-repeat -300px top;
  width: 45px;
  height: 30px;
  position: absolute;
  top: -4px;
  left: -58px;
  padding: 7px 0 2px 14px;
}

div.milestone_quick_window div.widget div.widget_content {
  padding: 16px 10px 16px 30px;
  position: relative;
}

div.milestone_quick_window div.commentable div.comments {
  bottom: 6px;
}

div.milestone_quick_window div.Milestone {
  overflow: hidden;
}

div.dim_zum_window {
  width: 680px;
}

div.dim_zum_window div.viewport {
  width: 626px;
}

div.milestone_quick_window div.controls input.completing_milestone,
div.milestone_quick_window div.completing div.controls input.complete_milestone {
  display: none;
}

div.milestone_quick_window div.completing div.controls input.completing_milestone {
  display: inline;
}

div.milestone_quick_window div.completing div.content div.title strong {
  text-decoration: line-through;
}

div.milestone_quick_window h2.milestone_due_date {
  font-weight: normal;
  margin: 0 0 12px 0;
  padding: 0;
  color: #000;
}

div.milestone_quick_window h2.late {
  color: #c00;
}

div.milestone_quick_window ul.attached_to {
  font-size: 12px;
  margin: 5px 0 0 0;
  color: #666;
}

div.milestone_quick_window ul.attached_to li {
  margin: 0 0 3px 0;
}

div.milestone_quick_window ul.attached_to li a.complete {
  text-decoration: line-through;
}

div.milestone_quick_window ul.attached_to a {
  color: #666;
}

div.milestone_quick_window ul.attached_to a:hover {
  background: #777;
  color: #fff;
}

div.milestone_quick_window table {
  border-collapse: collapse;
  width: 100%;
}

table.quick_window {
  border-collapse: collapse;
  width: 100%;
}


table.quick_window td,
table.quick_window th,
div.milestone_quick_window table td,
div.milestone_quick_window table th {
  padding: 0;
}

div.milestone_quick_window div.milestone_metadata {
  background: #f0f0f0;
  padding: 15px 5px 15px 30px;
}

div.milestone_quick_window table.details td,
div.milestone_quick_window table.details th {
  padding: 0 4px 7px 0;
  font-size: 14px;
}

div.milestone_quick_window table.details th {
  width: 1%;
  font-weight: normal;
  color: #aaa;
  text-align: right;
  white-space: nowrap;
}

div.milestone_quick_window table.details td {
  width: 99%;
}

div.milestone_quick_window table.details tr.links th,
div.milestone_quick_window table.details tr.links td {
  padding-bottom: 0;
}

div.milestone_quick_window div.controls {
  display: block;
  float: left;
  width: 18px;
  height: 18px;
  margin-left: -4px;
}

div.milestone_quick_window div.content {
  margin: 0 15px 0px 26px;
  position: relative;
}

div.milestone_quick_window div.controls input {
  font-size: 18px;
}

div.milestone_quick_window div.content div.title {
  font-size: 18px;
  line-height: 20px;
  margin: 0;
}

div.milestone_quick_window div.content div.title div.comments a img {
  vertical-align: middle;
}

div.milestone_quick_window div.comments a.empty {
  display: inline;
}

div.milestone_quick_window a.close {
  display: block;
  float: right;
  padding: 8px 20px 11px 20px;
  margin-top: -7px;
}

div.milestone_quick_window a.see_milestones {
  color: #666;
  font-size: 11px;
  background: none;
}

div.milestone_quick_window a.see_milestones:hover {
  background: #666;
  color: #fff;
}


/*-------------------------------------------------
QUICK WINDOW SHADOW
-------------------------------------------------*/

div.quick_window {margin: 17px 21px;}

div.quick_window div.viewport {
  border: 3px solid #000;
  background: #fff;
  text-align: left;
  -moz-box-shadow: 5px 5px 75px #333;
  -webkit-box-shadow: 5px 5px 75px #333;
  box-shadow: 5px 5px 75px #333;
}

div.quick_window_flash div.quick_window div.viewport {
  background: #fff586;
  text-align: center;
  padding: 30px 0 35px 0;
  line-height: 150%;
  border: none;
}

/*-------------------------------------------------
EDIT VIA QUICK WINDOW
-------------------------------------------------*/

div.milestone_quick_window div.Milestone {
  padding: 20px;
}

div.milestone_quick_window div.busy div.form div.buttons {
  background-position: 22px center;
}


/*-------------------------------------------------
Move data between projects
-------------------------------------------------*/

div.moved_flash {
  background: #ffc; 
  padding: 5px 10px; 
  font-size: 12px;
  color: #444;
  text-align: center;
  margin: 15px 0;
}

div.moved_flash a {color: #444;}
div.moved_flash a:hover {color: #fff;}

div.move_container {
  float: right;
  margin-top: 6px;
  position: relative;
}

div.move_container a.move_link {
  color: #999;
  font-size: 9px;
}

div.move_container a.move_link:hover {
  color: #fff;
  background: #666;
}

div.move_menu {
  background: #fff;
  font-size: 12px;
  color: #000;
  line-height: 1.4em;
  position: absolute;
  width: auto;
  max-width: 350px;
  min-width: 179px;
  right: -10px;
  bottom: -10px;
  padding: 12px 15px;
  border: 1px solid #ccc;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .7);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .7);
  box-shadow: 0 0 10px rgba(0, 0, 0, .7);
  display: inline-block;
}

body:first-of-type div.move_menu {border: none;} /* remove border for browsers that support box-shadow */

div.move_menu select {margin: 5px 0;}

div.move_menu ul {
  padding: 0 5px;
  margin: 5px 0 5px;
  font-size: 11px;
  line-height: 14px;
}

div.move_menu ul li {
  list-style: none;
  color: #666;
  padding: 0 0 5px;
  margin: 0;
}

div.move_menu ul li a {color: #666;}
div.move_menu ul li a:hover {color: #fff; background: #666;}

div.move_menu div.submit {
  display: block;
  margin: 0;
  padding: 5px 0 0;
  border-top: 1px dashed #ccc;
  color: #666;
  font-size: 12px
}

div.move_menu div.progress p strong,
div.move_menu div.error p strong {
  font-size: 13px;
}

div.move_menu div.error p strong,
div.move_menu div.not_permitted p strong {
  color: red;
}

div.move_menu div.error {background: none;}
div.move_menu div p {margin: 0; padding: 0 0 5px;}
div.move_menu div.not_permitted p a {color: #666;}
div.move_menu div.not_permitted p a:hover {color: #fff; background: #666;}
div.move_menu div.not_permitted p a.admin {color: red;}
div.move_menu div.not_permitted p a:hover.admin {color: #fff; background-color: red;}


/*-------------------------------------------------
EMAIL NOTIFICATION
-------------------------------------------------*/

div.Right div.col .notify h2,
.extra .notify h2 {
  font-size: 14px;
  margin: 0 0 2px 0;
  padding: 0;
}

div.Right div.col .notify span,
.extra .notify span {
  font-size: 10px;
  color: #666;
}

table.emailnotification td {
  padding: 0 10px 0 0;
  vertical-align: top;
}

table.emailnotification tr td {
  padding-bottom: 12px;
}

table.emailnotification tbody.firm tr td,
table.emailnotification tbody.multiple tr:first-child td {
  padding-bottom: 0;
}

table.emailnotification td p {
  margin: 0 0 5px 0;
}

div.Right div.col table.emailnotification td p {
	font-size: 11px;
	margin: 0 0 2px 0;
	padding: 0;
}

form.private tbody.private_notification_block {
  display: none;
}


div.nubbin {
  display: none;
  position: relative;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
}

[behavior~=selectable].active_selection > div.nubbin {
  display: block;
}

div.nubbin div.wrapper {
  position: absolute;
  top: -6px;
  height: 24px;
  right: 0;
  margin: 0;
  padding: 7px 5px 0 7px;
  background: url(/images/basecamp_sprites.png) no-repeat -185px 2px;
  font-size: 10px;
  line-height: 10px;
}

div.nubbin div.buttons {
  padding: 2px 0 0;
  white-space: nowrap;
}

div.nubbin.busy {
  display: block;
}

div.nubbin.busy div.buttons {
  min-width: 21px;
  background: url(/images/dots-white.gif) no-repeat center center;
}

div.nubbin.busy div.buttons > span.button {
  visibility: hidden;
}

div.nubbin span.button {
  margin: 0 1px 0 0;
}

div.nubbin span.button a {
  font-weight: normal;
  font-size: 10px;
  background: none;
  color: #f00;
  text-decoration: none;
}

div.nubbin span.button a span.label {
  display: none;
  text-decoration: underline;
}

div.nubbin span.button span.sprite {
  vertical-align: text-top;
  margin-top: 1px;
}

div.nubbin span.button span.intl_edit_icon {
  text-align: top;
  margin-top: -2px;
}

/* Show "Edit" as text, but only in English */

body.en div.nubbin span.edit_button a span.label {
  font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  display: inline;
}

body.en div.nubbin span.edit_button a span.icon {
  display: none;
}


/* Touch nubbins */

@-webkit-keyframes bounce-scale {
  from {
    -webkit-transform: scale(0);
    -webkit-animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: scale(1.125);
    -webkit-animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: scale(1);
  }
}

body.touch [behavior~=selectable].selected {
  background: #cddded;
  -webkit-border-radius: 3px;
}

body.touch [behavior~=selectable].active_selection > div.nubbin {
  -webkit-animation-name: bounce-scale;
  -webkit-animation-duration: 0.25s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: bottom left;
}

body.touch div.nubbin {
  position: relative;
  z-index: 100;

  /* TODO: This should be special-case scoped by div.todo_item, etc */
  margin-left: -28px;
}

body.touch div.nubbin div.wrapper {
  -webkit-transform-origin: bottom left;
  background: none;
  top: -4px;
  height: auto;
  padding: 0;
  line-height: auto;
}

body.touch div.nubbin div.arrow {
  position: absolute;
  width: 24px;
  height: 24px;
  left: -12px;
  top: -32px;
  background: #000;
  border: 1px solid #000;
  -webkit-transform-origin: center;
  -webkit-transform: rotate(45deg);
}

body.touch div.nubbin div.buttons {
  position: absolute;
  overflow: hidden;
  top: -48px;
  left: -35px;
  height: 40px;
  background: #000;
  -webkit-border-radius: 7px;
  padding: 0 7px;
}

body.touch div.nubbin div.arrow,
body.touch div.nubbin div.buttons {
  -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5);
}

body.touch div.nubbin span.edit_button {
  border-right: 1px solid #888;
}

body.touch div.nubbin span.button a {
  padding: 15px;
  margin: 0;
  display: inline-block;
}

body.touch div.nubbin span.button a span.label {
  font-family: Helvetica !important;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
}

body.touch div.nubbin span.drag_button {
  display: none;
}

/* Touch nubbins always show text instead of icons */

body.touch div.nubbin span.button a span.label {
  text-decoration: none;
  display: inherit;
}

body.touch div.nubbin span.button a span.icon {
  display: none;
}

/* Touch nubbin spinner */

@-webkit-keyframes "spinner" {
  from, 60%, to {
    -webkit-transform: scale(0.25, 0.25);
  }

  25% {
    -webkit-transform: scale(0.67, 0.67);
  }
}

body.touch div.nubbin div.spinner {
  position: absolute;
  display: none;
  overflow: hidden;
  width: 42px;
  height: 14px;
  top: 12px;
  left: 14px;
}

body.touch div.nubbin.busy div.buttons {
  width: 56px;
}

body.touch div.nubbin.busy div.buttons > span.button {
  display: none;
}

body.touch div.nubbin.busy div.spinner {
  display: block;
}

body.touch div.nubbin.busy div.spinner > span {
  float: left;
  width: 0;
  border: 7px solid white;
  -webkit-border-radius: 14px;
  -webkit-transform: scale(0.25, 0.25);

  -webkit-transform-origin: center center;
  -webkit-animation-duration: 0.8s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-name: "spinner";
  -webkit-animation-timing-function: linear;
}

body.touch div.nubbin.busy div.spinner > span:nth-child(1) {
  -webkit-animation-delay: 0.0s;
}

body.touch div.nubbin.busy div.spinner > span:nth-child(2) {
  -webkit-animation-delay: 0.2s;
}

body.touch div.nubbin.busy div.spinner > span:nth-child(3) {
  -webkit-animation-delay: 0.4s;
}


/*-------------------------------------------------
PROJECT OVERVIEW
-------------------------------------------------*/

body.overview div.page_header_links {
  width: 350px;
}

body.overview div.page_header_links.allow_wrapping {
  width: auto;
  float: right;
  white-space: nowrap;
  padding-left: 10px;
}

body.overview div.announcement {
	margin: 0 0 20px 0;
}

body.blank_slate div.announcement {
	margin: 0;
	padding: 15px 15px 0 15px;
	border-bottom: 1px solid #ccc;
}

body.blank_slate div.announcement p {
	margin-top: 0;
	padding-top: 0;
}

body.overview div.announcement p,
body.overview div.announcement li {
	font-size: 14px;
	line-height: 18px;
}

body.overview div.announcement ol,
body.overview div.announcement ul {
  margin:0px 0px 0px 20px;
}

body.overview div.announcement ol li {
  list-style-type:decimal;
}

body.overview div.announcement ul li {
  list-style-type:disc;
}



/*-------------------------------------------------
NEW
-------------------------------------------------*/

/*body.new_person div.page_header {
  background: #edf3fe !important;
}

body.new_person div.innercol {
  padding-top: 10px !important; 
}*/


body.dialog_with_icon .innercol {
  padding-top: 5px;
  padding-left: 90px;
  width: 70%;
}

body.dialog_with_icon p {
  font-size: 13px;
  margin: 5px 0 10px 0;
}

body.dialog_with_icon div.page_header table.icon td h1 {
  font-size: 22px;
  letter-spacing: -1px;
}

body.dialog_with_icon input {
  font-size: 14px;
}

div.new_person_fields table.first_and_last_name {
  width: 100%;
}

div.new_person_fields table.first_and_last_name td {
  padding: 0 10px 0 0;
}

div.new_person_fields table.first_and_last_name input {
  width: 100%;
  margin-right: 10px;
  font-weight: bold;
}

div.new_person_fields div.fields_after_name input {
  width: 50%;
  font-weight: bold;
}

div.new_person_fields p.submit {
  margin-top: 20px;
  padding: 15px 0 0 0;
  border-top: 1px dashed #ccc; 
}

body.new_person div.page_header {
  padding-bottom: 10px !important;
}

body.new_person div.sample_invitation a img {
  margin-bottom: 6px;
}

/*-------------------------------------------------
EDIT
-------------------------------------------------*/

body.edit_self div.page_header {
  overflow: hidden !important;
  padding-bottom: 0 !important;
  padding-right: 7px !important;
  border-bottom: 1px solid #fffcff;
  background: #edf3fe;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#edf3fe', endColorstr='#d5dff8'); /* IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#edf3fe), to(#d5dff8)); /* webkit */
	background: -moz-linear-gradient(top,  #edf3fe,  #d5dff8); /* firefox 3.6+ */
}

body.edit_self div.page_header h1 {
  margin-bottom: 5px !important;
}

body.edit_person div.innercol {
  padding-top: 0px; 
}

body.edit_person div.page_header table.identity_info {
  color: #666;
  border-collapse: collapse;
  margin-left: 4px;
}

body.edit_person div.page_header table.identity_info th,
body.edit_person div.page_header table.identity_info td {
  white-space: nowrap;
  vertical-align: middle;
  padding: 2px 8px 2px 0;
}

body.edit_person div.page_header table.identity_info th {
  text-align: right;
  font-weight: normal;
  font-size: 11px;
}

body.edit_person div.page_header table.identity_info td {
  font-size: 12px;
}

body.edit_person div.ActiveClients {
	padding: 0 0 0 10px;
	font-size: 11px;
}

body.edit_person div.ActiveClients label {
  cursor: pointer;
}

body.edit_person div.ActiveClients input {
	margin: 0;
	padding: 0;
	display: inline;
}

body.edit_person div.ActiveClients div.Client h1 span {
	float: right;
	font-size: 11px;
}

body.edit_person div.ActiveClients ul {
	margin: 7px 0;
}

body.edit_person div.ActiveClients li {
	margin: 0 0 2px 15px;
}

body.edit_person div.action {
	border-top: 1px dashed #ccc;
	text-align: left;
	padding-top: 10px;
  margin-top: 0px;
	font-size: 12px;
}

body.edit_person div.forms div.fieldset_intro p {
  color: #666;
  margin: 0;
	font-size: 12px;
  line-height: 1.3em;
  font-family: verdana, sans-serif;
}

body.edit_person div.forms fieldset {
  font-family: verdana, sans-serif;
  border: none;
	color: #333;
	margin: 3px 0 25px 0;
	padding: 0 5px;
	font-weight: normal;
}

body.new_person div.forms fieldset,
body.edit_person div.forms fieldset.automatic_access {
	background: #f0f0f0;
	padding: 5px;
}

body.edit_person div.forms fieldset p {
  /* override some arcane _legacy style */
  color: #333;
}

body.edit_person div.forms fieldset p.grant_access_to_future_projects {
  font-size: 12px;
  margin: 10px;
}

body.edit_person div.forms fieldset p.delete_avatar {
  margin: 5px 0 0 5px;
}

body.edit_person div.forms fieldset table {
  margin: 10px 0 5px 0;
  border-collapse: collapse;
}

body.edit_person div.forms table th,
body.edit_person div.forms table td {
  padding: 2px 0;
  vertical-align: middle;
}

body.edit_person div.forms table th {
  font-size: 11px;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  font-weight: bold;
  padding-right: 8px;
}

body.edit_person div.forms fieldset table tr.read_only th,
body.edit_person div.forms fieldset table tr.read_only td {
  font-weight: normal;
  font-size: 12px;
  padding-top: 5px;
  padding-bottom: 5px;
}

body.edit_person div.forms fieldset table tr.read_only td {
  padding-left: 3px;
}

body.edit_person div.forms fieldset table tr.read_only th {
  font-size: 11px;
}

body.edit_person div.forms fieldset table td div.read_only {
  font-size: 12px;
  font-weight: bold;
  color: #999;
  padding: 3px 3px 3px 0;
}

body.edit_person div.forms table tr.optional th,
body.edit_person div.forms table tr.optional td {
  font-weight: normal;
}

body.edit_person div.forms table td {
  font-size: 11px;
}

body.edit_person div.forms table td input,
body.edit_person div.forms table td select {
  font-size: 12px;
  padding: 3px;
} 


/*
body.edit_person .Right h1 {
  background-color: #e4ebfb;
}
  */

body.edit_person .Right h1 a,
body.edit_person .Right div.submit_project_access_changes a {
  color: #555;
}

body.edit_person .Right h1 a:hover,
body.edit_person .Right div.submit_project_access_changes a:hover {
  background: #333;
  color: #fff;
}

body.edit_person .Right div.help_to_identify_or_recover p {
  color: #666;
  margin: 0 0 20px 0;
  font-size: 12px;
  line-height: 1.5;
}

body.edit_person .Right div.help_to_identify_or_recover p a {
  color: red;
}

body.edit_person .Right div.help_to_identify_or_recover p a:hover {
  color: white;
  background: red;
}

body.edit_person table td.explain_optional_contact_info {
  font-size: 12px;
  padding: 8px 0;
  font-style: normal;
  color: #777;
}

body.edit_person table td.explain_optional_contact_info div.constrain_width {
  width: 370px;
}

body.edit_person div.forms {
  margin-bottom: 25px;
}

/*-------------------------------------------------
  INFO BLOCKS
-------------------------------------------------*/

body.edit_person div.info_block {
  max-width: 568px;
  background: #eee;
  padding: 10px 15px 15px 15px;
  margin-bottom: 10px;
}

body.edit_person div.info_block,
body.edit_person div.info_block h2,
body.edit_person div.info_block h3,
body.edit_person div.info_block p {
  font-size: 11px;
  color: #444;
}

body.edit_person div.info_block h2 {
  margin: 0;
}

body.edit_person div.info_block h3 {
  margin: 0 0 2px 0;
}

body.edit_person div.info_block p {
  line-height: 1.4em;
  margin: 1px 0 10px 0;
}

/*-------------------------------------------------
  TOKENS
-------------------------------------------------*/

body.edit_person div.tokens div.show_tokens a span {
  font-size: 10px;
}

body.edit_person div.tokens div.show_tokens code {
  font-size: 12px;
  color: #222;
}

body.edit_person div.tokens a.busy {
  background: transparent url(/images/dots-white.gif) no-repeat center center;
  text-decoration: none;
}

body.edit_person div.tokens a.busy span {
  visibility: hidden;
}

/*-------------------------------------------------
  DROPBOX
-------------------------------------------------*/

body.edit_person div.dropbox p {
  margin-bottom: 0;
}

/*-------------------------------------------------
  RECOVERY
-------------------------------------------------*/

body.edit_person div.resend_recover {
	border: 1px solid #ccc;
	padding: 10px;
	margin-bottom: 15px;
	width: 500px;
  margin-top: 20px;
}

body.edit_person div.resend_recover h2 {
	font-size: 14px;
	margin: 0 0 3px 0;
	padding: 0;
}

body.edit_person div.resend_recover p {
  margin: 0;
  font-size: 12px;
}

body.edit_person .Right div.indent p {
  margin-bottom: 20px;
}

body.edit_person div.forms div.avatar {
  background: #eee;
  float: left;
  padding: 12px 14px;
  text-align: center;
  width: 55px;
  margin-right: 10px;
}

body.edit_person div.forms div.avatar img {
  width: auto;
  height: auto;
}

body.edit_person div.forms div.avatar a.link_to_change {
  font-size: 12px;
}

body.edit_person div.change_avatar {
  margin-bottom: 20px;
}

body.edit_person div.unchangeable {
  padding: 20px;
}

body.edit_person div.change_avatar div.actions {
  width: 70%;
  border: 1px solid #ccc;
  margin-left: 95px;
}

body.edit_person div.change_avatar div.actions h2 {
  margin: 0 0 5px;
  font-size: 14px;
}

body.edit_person div.change_avatar div.actions p {
  margin: 0 0 10px;
}

body.edit_person div.change_avatar div.actions div.change,
body.edit_person div.change_avatar div.actions div.remove {
  padding: 10px 10px 0 10px;
  border-bottom: 1px solid #ccc;
}

body.edit_person div.change_avatar div.actions div.cancel {
  padding: 10px 10px 0 10px;
}

body.edit_person div.change_avatar div.actions .busy {
  background: url(/images/dots-white.gif) no-repeat left center;
}

body.edit_person div.change_avatar div.actions .busy input {
  visibility: hidden;
}


/*-------------------------------------------------
PROJECT TEMPLATES
-------------------------------------------------*/

body.project_template #Header h1 {
  padding-top: 10px;
}

#TemplateBar {
  position: relative;
  font-size: 12px;
  background: #ffc url(/images/bkd_template_bar.gif) repeat-x bottom left;
  padding: 8px 28px;
  text-align: center;
}

#TemplateBar div.back_to_templates {
  position: absolute;
  left: 0;
  padding-left: 30px;
}

#TemplateBar div.new_from_template {
  position: absolute;
  right: 24px;
}

/* clear launchbar floats before template bar */
body.project_template div.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/*-------------------------------------------------
PROJECT TEMPLATES - MILESTONES
-------------------------------------------------*/

body.project_template div.template_milestones .blank_slate {
  display: none;
}

body.project_template.blank_slate div.template_milestones > div.blank_slate {
  display: block;
}

body.project_template.blank_slate div.template_milestones > div#milestones {
  display: none;
}

body.project_template div.sidebar_form {
  background-color: #F2F5FB;
  border: 1px solid #C0D1EC;
  margin-bottom: 15px;
  padding: 0;
}

body.project_template div.sidebar_form div.inner {
  border: 1px solid white;
  padding: 0px 0px 4px;
}

body.project_template div.sidebar_form div.header h1 {
  background: none;
  color: black;
  font-size: 14px;
  line-height: 24px;
  border: none;
  margin: 0px;
  padding: 6px 10px 10px;
}

body.project_template div.sidebar_form div.body {
  margin: 0px;
  line-height: 1.3em;
  padding: 0px 10px 5px;
}

body.project_template div.sidebar_form div.body p, body.project_template div.sidebar_form div.body h5 {
  font-size: 11px;
  margin: 0px 0px 8px;
  color: #222;
}

body.project_template div.sidebar_form div.body h5 {
  font-weight: normal;
  margin-bottom: 0;
}

body.project_template div.sidebar_form div.body h5 span {
  color: #808080;
}

body.project_template div.sidebar_form div.body p.reminder {
  padding-top: 4px;
}

body.project_template div.sidebar_form div.submit {
  border-top: 1px dotted #C0D1EC;
  padding-top: 8px;
  margin: 12px 0 0 0;
  padding: 10px 0 0;
}

body.project_template div.sidebar_form div.body input[type=text] {
  width: 95%;
  color: black;
  font-size: 14px;
}

body.project_template div.milestone_form {
  background-color: #efefef;
  border-width: 1px;
  border-style: solid;
  border-color: #d9d9d9 #ccc #ccc #d9d9d9;
  margin: 0 0 10px 0;
  padding: 0;
}

body.project_template div.milestone_form div.inner {
  border: 1px solid white;
  padding: 0px 0px 4px;
}

body.project_template div.milestone_form div.header h1 {
  background: none;
  color: black;
  font-size: 14px;
  line-height: 24px;
  border: none;
  margin: 0px;
  padding: 6px 10px 10px;
}

body.project_template div.milestone_form div.body {
  margin: 0px;
  line-height: 1.3em;
  padding: 0px 10px 5px;
}

body.project_template div.milestone_form div.body p,
body.project_template div.milestone_form div.body h5,
body.project_template div.milestone_form th {
  font-size: 11px;
  margin: 0px 0px 8px;
  color: #222;
}

body.project_template div.milestone_form div.body h5,
body.project_template div.milestone_form th,
body.project_template div.milestone_form td {
  font-weight: normal;
  margin-bottom: 0;
  padding: 0 3px;
}

body.project_template div.milestone_form table {
  margin-bottom: 5px;
}

body.project_template div.milestone_form th span {
  color: #808080;
}

body.project_template div.milestone_form td p.reminder {
  margin: 0;
  padding: 0;
}

body.project_template div.milestone_form td.title {
  width: 100%;
}

body.project_template div.milestone_form td.due {
 padding-right: 30px;
}

body.project_template div.milestone_form td.title input {
  width: 400px;
  color: black;
  font-size: 14px;
}

body.project_template div.milestone_form div.body h5 span {
  color: #808080;
}

body.project_template div.milestone_form div.submit {
  border-top: 1px dashed #ccc;
  padding-top: 8px;
  margin: 12px 0 0 0;
  padding: 10px 0 0;
}

body.project_template div.milestone_form div.body input[type=text] {
  width: 400px;
  color: black;
  font-size: 14px;
}

body.project_template div.template_milestones {
  margin-top: 25px;
}

body.project_template div.template_milestones h4 {
  margin: 0;
  padding: 7px 0 2px 0;
  font-size: 12px;
  color: #C93;
}

body.project_template div.template_milestones h4 span {
  font-weight: normal;
  color: #666;
}

body.project_template div.template_milestones h4 {
  font-family: verdana;
  padding: 7px 0 2px 0;
  margin: 0;
  color: #C93;
  font-size: 10px;
  font-weight: bold;
}

body.project_template div.template_milestones p {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: bold;
  color: #333;
}

body.project_template div.template_milestones p span {
  font-size: 10px;
  color: #999;
  font-weight: normal;
}

body.project_template div.milestone {
  border-top: 1px solid #E0E0E0;
}

body.project_template div.milestone div.widget_content {
  padding-bottom: 12px;
}

body.project_template div.inline_edit {
  border: 2px solid #999;
  margin: 10px 0px;
  padding: 10px;
}

body.project_template div.inline_edit table {
  width: 100%;
  margin-bottom: 10px;
}

body.project_template div.inline_edit table.fields {
  width: auto;
}

body.project_template div.inline_edit th {
  font-size: 13px;
  padding-bottom: 0;
}

body.project_template div.inline_edit td.title {
  width: 100%;
}

body.project_template div.inline_edit td.due {
  padding-right: 30px;
}

body.project_template div.inline_edit td.title input {
  width: 400px;
  color: black;
  font-size: 14px;
}

body.project_template div.inline_edit td.notification {
  width: 100%;
}

body.project_template div.inline_edit p span {
  color: #000;
  font-size: 11px;
}

body.project_template div.inline_edit div.submit {
  margin: 10px 0 0 0;
}

body.project_template div.inline_edit div.shift_wrapper {
  overflow: hidden;
  border: 1px dotted #999;
  padding: 5px;
}

body.project_template div.inline_edit div.shift h2 {
  font-size: 12px;
  font-weight: bold;
}

body.project_template div.inline_edit div.shift p {
  font-weight: normal;
  font-size: 11px;
  line-height: 1.2em;
  margin-bottom: 10px;
  padding-right: 20px;
}

/* Milestone Timeline */

body.project_template div.milestone_timeline table {
  border-collapse: collapse;
  color: #999;
  width: 100%;
}

body.project_template div.milestone_timeline table th,
body.project_template div.milestone_timeline table td {
  font-size: 10px;
  padding: 0;
  border-bottom: 1px solid #dedede;
  border-right: 1px solid #e5e5e5;
  text-align: center;
}

body.project_template div.milestone_timeline table td {
  width: 11%;
}

body.project_template div.milestone_timeline table th {
  background: transparent;
  white-space: nowrap;
  font-weight: normal;
  width: 1px;
  text-align: left;
}

body.project_template div.milestone_timeline table tr.has_milestones th {
  color: #222;
}

body.project_template div.milestone_timeline table td span {
  display: block;
  background: transparent;
  padding: 4px 7px;
  margin: 0;
}

body.project_template div.milestone_timeline table td span.on {
  background: #ccc;
  color: #333;
}

body.project_template div.sheet_form h2 {
  font-weight: bold;
}

body.project_template table.who_access_new_project td {
    font-size: 13px;
    padding: 0 0 2px 0;
}
body.project_template table.who_access_new_project td select {
    margin: 5px 0;
}

body.project_template div.template_list h2 {
  margin: 0;
  padding: 7px 0 2px 0;
  font-size: 16px;
}

body.project_template div.template_list a.permalink:link,
body.project_template div.template_list a.permalink:visited {
  color: #000;
}

body.project_template div.template_list a.permalink:hover {
  color: #fff;
}

body.project_template div.template_list h2 span {
  font-size: 12px;
  font-weight: normal;
  color: #999;
}

body.project_template div.template_list p {
  margin: 0;
  padding: 0;
  font-size: 11px;
  color: #999;
}

body.project_template div.template_list p a:link,
body.project_template div.template_list p a:visited {
  color: #666;
  text-decoration: none;
}

body.project_template div.template_list p a:hover,
body.project_template div.template_list p a:visited:hover {
  background: none;
  text-decoration: underline;
}

body.project_template div.template_list p span {
  font-size: 10px;
  color: #999;
  font-weight: normal;
}

body.project_template div.template {
  /*border-top: 1px solid #E0E0E0;*/
  padding-bottom: 12px;
  overflow: hidden;
}

body.project_template div.page_header {
  color: #ccc;
  font-size: 12px;
}

body.project_template div.page_header div.toggle strong {
  font-size: 14px;
  color: #000;
}

body.project_template form.busy div.new_milestone .submit,
body.project_template div.milestone form.busy .submit {
  background: url(/images/dots-white.gif) no-repeat 5px 20px;
}

body.project_template form.busy div.new_milestone .submit *,
body.project_template div.milestone form.busy .submit * {
  visibility: hidden;
}

body.project_template div.milestone div.nubbin div.wrapper {
  top: -2px;
}

body.project_template div.template_blank_slate {
  margin-bottom: 30px;
}

body.project_template div.template_blank_slate p {
  font-weight: normal;
  font-size: 12px;
  margin: 1.0em 0;
  line-height: 16px;
}

body.project_template div.template_blank_slate h2 {
  margin-top: 0;
  padding: 0 0 5px 0;
}

h1.blankslate {
  color: #999;
  background-color: transparent;
  padding: 0;
  margin-left: 0;
  margin-bottom: 30px;
}

h1.blankslate a:link, h1.blankslate a:visited {
  color: #090;
}

h1.blankslate a:hover, h1.blankslate a:visited:hover {
  color: #fff;
  background-color: #090;
}

body.project_template.summary #blank_slate {
  margin: 12px auto 50px auto;
  text-align: left;
  margin-top: 12px;
  background: white;
  width: 726px;
  -moz-box-shadow: 3px 3px 4px #bbb;
  -webkit-box-shadow: 3px 3px 4px #bbb;
  box-shadow: 3px 3px 4px #bbb;
  border-right: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
}

body:first-of-type.project_template.summary #blank_slate { border: none; } /* for browsers that support box-shadow */

body.project_template.summary #blank_slate div.inner {
  padding: 24px 46px 36px 30px;
  overflow: hidden;
}

body.project_template table.overview {
  margin: 20px 0;
  border-top: 1px solid #999;
}

body.project_template div.announcement p {
  margin-top: 0;
}

body.project_template div.announcement h5 {
  margin: 0 0 4px 0;
  padding: 0;
}

body.project_template div.announcement h5 span {
  font-size: 11px;
  font-weight: normal;
}

p.template_select select {
  width: 80%;
}

/*-------------------------------------------------
INDEX
-------------------------------------------------*/

body.projects div.disabled_new_project_button {
  width: 200px;
}

body.projects div.disabled_new_project_button h3 {
  color: #333;
  margin: 5px 0 0 5px;
}

body.projects ul.upcoming_milestones {
  margin-bottom: 15px;
}

body.projects div.Right div.SectionHeader {
  margin-bottom: 10px;
}

h3.link_to_new_project a.clicked:link,
h3.link_to_new_project a.clicked:visited {
  color: red !important;
}

h2.dashheader {
	color: #000;
	font-size: 11px;
}

div.latemilestones h1 {
	padding: 0 0 2px 0;
	margin: 0 0 5px 0;
	font-size: 11px;
	border-bottom: 1px solid #c00;
	color: #c00;
}

div.latemilestones ul li#link_to_show_more_late_milestones a {
	color: #c00;
}

div.latemilestones ul li#link_to_show_more_late_milestones a:hover {
	color: #fff;
}

div.latemilestones ul li strong {
	color: #c00;
}

div.global_subscriptions {
	padding: 10px;
	border: 1px solid #ccc;
	font-size: 11px;
	margin-top: 20px;
	line-height: 1.8em;
}

div.global_subscriptions h2 {
	font-size: 12px;
	color: #000;
	margin: 0 0 7px 0;
	padding: 0;
}

div.global_subscriptions h2 span {
	font-size: 11px;
	color: #666;
	font-weight: normal;
}

/*-------------------------------------------------
DASHBOARD ANNOUNCEMENT
-------------------------------------------------*/

body.dashboard div.dash_annoucement {
	background-color: #ffc;
	border-top: 1px solid #f90;
	border-bottom: 1px solid #f90;
	padding: 10px 25px 0 25px;	
}

body.dashboard div.dash_annoucement h1 span {
	float: right;
}

body.dashboard div.dash_announcement p {
	color: #222;
	font-size: 12px;
	line-height: 1.4em;
	margin: 0;
}


/*-------------------------------------------------
DASHBOARD MILESTONE CALENDAR
-------------------------------------------------*/

table.Dashcal {
	margin-bottom: 15px;
	background: #e1e0e0;
	width: 100%;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 100%;
	}

table.Dashcal th {
	color: #666;
	background: none;
	padding: 3px;
	font-size: 10px;
	text-align: left;
}

table.Dashcal td {
	background: #f0f0f0;
	padding: 3px;
	color: #ccc;
	font-size: 9px;
	vertical-align: top;
}

table.Dashcal td.today {
  background: #ffc;
  color: #333;
}

table.Dashcal td.with {
	background: #fff;
	color: #333;
	border: 1px solid #000;
	font-weight: bold;
}

table.Dashcal td#today {
	background: #ffc;
	color: #000;
	border: 2px solid #fc6;
}

table.Dashcal ul {
	padding: 0;
	margin: 3px 0 0 0;
}

table.Dashcal li {
	font-weight: normal;
	font-size: 10px;
	line-height: 11px;
	padding: 3px 0 0 0;
	margin-bottom: 5px;
}


/*-------------------------------------------------
NEW
-------------------------------------------------*/

body.projects div.sheet div.sheet_form h2 {
  font-weight: bold;
}

body.projects div.sheet div#give_access h2 {
  margin-bottom: 10px;
}

/*-------------------------------------------------
PROJECT LIST
-------------------------------------------------*/

body.projects .Right h1 {
	font-size: 14px;
}

body .Right .Client h1, div.Archive h1 {
	background-color: transparent;
	font-size: 12px;
	color: #000;
	border: none;
}

body .Project a, .InactiveProjects a {
	border-bottom: medium none;
	display: block;
	font-size: 12px;
	font-weight: normal;
	margin: 1px 0;
	padding: 1px 1px 1px 8px;
}

.Right .col .Client {
	padding: 0;
}


/*-------------------------------------------------
1-PROJECT FREE UPGRADE SIDEBAR
-------------------------------------------------*/

div#upgrade_from_free {
	background-color: #ffc;
	padding: 10px;
}

div#upgrade_from_free  h1 {
	background-color: #ffff76;
	border-bottom: none;
	margin-bottom: 10px;
}

div#upgrade_from_free h2, div#upgrade_from_free p {
	margin: 0;
	padding: 0;
}

div#upgrade_from_free h2 {
	color: #000;
}

div#upgrade_from_free p {
	margin: 0 0 10px 0;
}

div#upgrade_from_free div.promotion {
	padding: 5px 10px;
	border-top: 1px solid orange;
	border-bottom: 1px solid orange;
	font-size: 12px;
	margin-bottom: 10px;
}

/*-------------------------------------------------
PROJECT LIMIT HIT
-------------------------------------------------*/

div.project_limit {
	background-color: #ffc;
	padding: 10px;
	margin-top: 10px;
	font-size: 12px;
	width: 225px;
}

div.project_limit h2 {
	color: #000;
	margin: 0 0 3px 0;
	font-size: 14px;
}

/*-------------------------------------------------
OVERVIEW
-------------------------------------------------*/

.Right div.project_notifications h1 {
  margin-bottom: 0;
}

.Right div.project_notifications div.indent {
  padding: 10px 0px 12px 6px;
  margin-bottom: 15px;
}

.Right div.project_notifications div.indent div.digest_subscription span.sprite.email_icon {
  float: left;
}

.Right div.project_notifications div.indent div.digest_subscription p {
  margin: 0 10px 12px 25px;
}

.Right div.project_notifications div.indent div.digest_subscription p a,
.Right div.project_notifications div.indent div.rss p a {
  text-decoration: none;
}

.Right div.project_notifications div.indent div.rss span.sprite {
  float: left;
  margin-left: 5px;
}

.Right div.project_notifications div.indent div.rss p {
  margin: 0 0 0 6px;
  font-size: 11px;
  float: left;
}

.Right div.project_notifications div.indent div.rss p span.what {
  color: #aaa;
  font-size: 10px;
}

.Right div.project_notifications div.indent div.rss p span.what a {
  color: #888;
}

.Right div.project_notifications div.indent div.rss p span.what a:hover {
  color: #fff;
  background: #888;
}

div#fresh_all h2 {
	color: #000;
}

body.overview .Right div.indent h2 {
	border-bottom: 1px dotted #ccc;
	color: #000;
	margin: 10px 0 6px 0;
}

div.people_on_project p {
	margin: 0 0 8px 0;
}

div.people_on_project p small {
	color: #888;
	margin: 0;
	padding: 0;
}


/*-------------------------------------------------
SHOW (Project overview)
-------------------------------------------------*/

body.overview table.events td {
  font-size: 12px;
  padding: 4px 0;
  vertical-align: top;
}

body.overview table.events td.who {
  white-space: nowrap;
  font-weight: bold;
  padding-right: 4px;
  text-align: right;
}

body.overview table.events span {
  line-height: 1.4em;
}

body.overview table.events h2.date {
  margin-top: 12px;
  margin-bottom: 0;
}

body.overview span.event_type span {
  font-weight: normal;
  color: #fff;
  padding: 1px 3px;
}

body.overview span.event_type span.completed {
  padding-left: 16px;
  background: url(/images/events/check.png) 0 0 no-repeat;
}

body.overview table.events img.file_icon {
  vertical-align: top;
}

body.overview span.event_type span.post {
  background-color: #334E7D;
}

body.overview span.event_type span.todo {
  background-color: #C87800;
}

body.overview span.event_type span.comment {
  background-color: #6492AC;
}

body.overview span.event_type span.milestone {
  background-color: #5F6E43;
}

body.overview span.event_type span.file {
  background-color: #7A4A77;
}

body.overview span.event_type span.writeboard {
  background-color: #24A89E;
}

body.overview span.event_type span.private {
  background-color: #f00;
}

/* ---OVERVIEW LOG ------------------------------------------- */

table.overview {
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	border-spacing:	0;
	width: 100%;
}

table.overview td {
	padding: 4px 3px;
	vertical-align: top;
	border-bottom: 1px solid #efefef;
}

table.overview h2.date {
	margin-bottom: 5px;
	margin-left: -26px;
}

table.overview tr.date td {
	text-transform: uppercase;
	font-size: 10px;
	color: #666;
	border-bottom: none;
	padding-top: 15px;
}

body.el table.overview tr.date td {
  text-transform: none;
}

table.overview td.what {
	text-align: right;
	padding-top: 4px;
	padding-right: 0px;
	padding-left: 0px;
	border: 0;
}

table.overview td.what span {
	padding: 3px 4px;
	color: #fff;
	font-size: 10px;
	display: block;
	float: right;
	white-space: nowrap;
	width: 60px;
}

table.overview td.item {
	padding-left: 6px;
	padding-top: 6px;
	width: 100%;
	font-size: 12px;
	color: #000;
	margin: 0 0 2px 0;
	line-height: 1.1em;
}

table.overview td.action {
	white-space: nowrap;
	text-align: right;
	color: #999;
	font-size: 10px;
	padding-top: 6px;
}

table.overview td.what span.comment {
	background-color: #6492AC;
}

table.overview td.what span.post {
	background-color: #334E7D;
}

table.overview td.what span.file {
	background-color: #7A4A77;
  /* reset the bottom margin inheriting from .file on files.css */
  margin: 0;
}

table.overview td.what span.milestone {
	background-color: #5F6E43;
}

table.overview td.what span.todo {
	background-color: #C87800;
}

table.overview td.what span.writeboard {
	background-color: #24A89E;
}

table.overview td.what span.private {
	background-color: red;
}

table.overview span.name {
	color: #565656;
	font-size: 10px;
	font-style: italic;
}

table.overview td.item img.file_icon {
  margin-top: -3px;
}

table.overview span.due {
  color: #888;
  white-space: nowrap;
}

table.overview span.list {
  color: #888;
}

/* ---DASHBOARD LOG ------------------------------------------ */

table.overview th, body.dashboard table.milestones th, body.overview table.milestones th {
	background: #E9E9E9;
	border-bottom: 2px solid #fff;
	color: #000000;
	font-size: 13px;
	font-weight: bold;
	padding: 5px;
	margin-bottom: 10px;
}

table.overview th a:link, table.overview th a:visited {
	font-size: 12px;
	text-decoration: none;
	color: #000;
}

table.overview th a span {
	color: #666;
	font-size: 10px;
}

table.overview th a:hover, table.overview th a:hover span {
	color: #fff;
}

body.dashboard table.overview td.date span.today {
	padding: 1px 2px;
	background-color: #fff000;
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	float: left;
	font-size: 9px;
}

body.dashboard.el table.overview td.date span.today {text-transform: none;}

body.dashboard table.overview td.item {
	font-size: 11px;
	padding-top: 5px;
	padding-left: 6px;
	line-height: 1.2em;
}

table.overview td.name, body.dashboard table.overview td.date {
	color: #222;
	font-size: 10px;
	white-space: nowrap;
	padding-top: 6px;
}

body.dashboard table.overview td.date {
	padding-right: 3px;
	padding-left: 5px;
	text-align: left;
	border-left: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
	color: #222;
}

table.overview tr.rowblank td {
	border: none;
	padding: 0;
}

body.dashboard table.overview td.name {
	padding-right: 3px;
}

body.dashboard table.overview td.what {
	padding-top: 3px;
	padding-left: 3px;
	border-bottom: 1px solid #efefef;
}

/* --- PAGINATION ------------------------------------- */

body.overview p.pagination {
  font-size: 11px;
}

/* --- MILESTONES MODULE ------------------------------------- */

body.dashboard h2.dashheader, body.overview h2.dashheader {
	margin-top: 10px;
}

body.dashboard table.Dashcal, body.overview table.Dashcal {
	margin-bottom: 2px;
}

div.dashboard_calendar {
  padding-bottom: 20px;
}

div.dashboard_calendar.empty {
  padding-bottom: 0;
}

body.dashboard table.milestones, body.overview table.milestones {
	width: 100%;
	border: 1px solid #ccc;
}

body.dashboard table.milestones td, body.overview table.milestones td {
	padding: 3px 5px;
}

body.dashboard table.milestones table.Dashcal th, body.overview table.milestones table.Dashcal th {
	background: transparent;
	color: #666;
	font-size: 10px;
	padding: 3px;
	text-align: left;
}

/* --- NEW PROJECT ------------------------------------- */

body.projects table.who_access_new_project td {
	font-size: 13px;
	padding: 0 0 2px 0;
}
body.projects table.who_access_new_project td select {
	margin: 5px 0;
}

/*-------------------------------------------------
PROJECT SWITCHER
-------------------------------------------------*/

#project_switcher.hover #project_switcher_link {
  display: none;
}

#project_switcher.hover div.menu {
  display: block;
}

#project_switcher div.menu {
  position: relative;
  top: -14px;
  left: -19px;
  width: 432px;
  color: #000;
  display: none;
  z-index: 500; 
}

#project_switcher div.menu,
#project_switcher div.menu * {
  cursor: pointer;
  z-index: 500; 
}

#project_switcher div.menu div.shadow {
  background: url(/images/basecamp_sprites.png) no-repeat left -60px;
  padding-top: 14px;
}

#project_switcher div.menu div.bottom_shadow {
  background: url(/images/basecamp_sprites.png) no-repeat left -890px;
  padding-top: 10px;
}

#project_switcher div.menu span.menu_header {
  padding: 7px 10px;
}

#project_switcher div.menu span.menu_header,
#project_switcher div.menu div.projects {
  background: #fff;
  margin-left: 16px;
  margin-right: 16px;
}

#project_switcher div.menu div.projects div.inner {
  overflow: hidden;
  padding-bottom: 15px;
}

#project_switcher div.menu h2 {
  font-size: 12px;
  margin: 0 0 8px 5px;
  color: #900;
}

#project_switcher div.menu a {
  display: block;
  color: #000 !important;
  font-size: 14px;
  padding: 4px 5px !important;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
}

#project_switcher div.menu a span {
  color: #666;
  font-size: 10px;
}

#project_switcher div.menu div.most_recent {
  padding: 15px 15px 0 15px;
}

#project_switcher div.menu div.most_recent a {
  font-weight: bold;
}

#project_switcher div.menu div.most_recent a span {
  display: block;
  font-weight: normal;
}

#project_switcher div.menu div.other_recent {
  margin-top: 15px;
  padding: 15px 15px 0 15px;
}

#project_switcher div.menu div.other_recent select {
  font-size: 16px;
  width: 100%;
}

/*-------------------------------------------------
QUICK WINDOW SHADOW
-------------------------------------------------*/

table.quick_window td.top div.top_left_corner {
  float: left;
  width: 55px;
  height: 20px;
  background: url(/images/bubbly/optimized-shadow.png) 0px -20px no-repeat;
  overflow: hidden;
}

table.quick_window td.top div.top_right_corner {
  float: right;
  width: 56px;
  height: 20px;
  background: url(/images/bubbly/optimized-shadow.png) -55px -20px no-repeat;
  overflow: hidden;
}

table.quick_window td.top div.top {
  margin: 0 56px 0 55px;
  background: url(/images/bubbly/optimized-shadow.png) top left repeat-x;
  height: 20px;
}

table.quick_window td.left_top {
  width: 21px;
  height: 35px;
  vertical-align: top;
  background: url(/images/bubbly/left_right-shadow.png) 0px 35px no-repeat;
}

table.quick_window td.left_top div.left_top {
  width: 21px;
  height: 35px;
  background: url(/images/bubbly/optimized-shadow.png) 0px -40px no-repeat;
  overflow: hidden;
}

table.quick_window div.viewport {
  border: 3px solid #000;
  background: #fff;
  text-align: left;
}

table.quick_window td.right_top {
  width: 27px;
  height: 35px;
  vertical-align: top;
  background: url(/images/bubbly/left_right-shadow.png) -84px 35px no-repeat;
}

table.quick_window td.right_top div.right_top {
  width: 27px;
  height: 35px;
  background: url(/images/bubbly/optimized-shadow.png) -84px -40px no-repeat;
  overflow: hidden;
}

table.quick_window td.left {
  background: url(/images/bubbly/left_right-shadow.png) bottom left repeat-y;
  width: auto; /* otherwise we inherit from table.layout! */
}

table.quick_window td.right {
  background: url(/images/bubbly/left_right-shadow.png) bottom right repeat-y;
  width: auto; /* otherwise we inherit from table.layout! */
}

table.quick_window td.bottom div.bottom_left_corner {
  float: left;
  width: 55px;
  height: 28px;
  background: url(/images/bubbly/optimized-shadow.png) 0px -75px no-repeat;
  overflow: hidden;
}

table.quick_window td.bottom div.bottom_right_corner {
  float: right;
  width: 56px;
  height: 28px;
  background: url(/images/bubbly/optimized-shadow.png) -55px -75px no-repeat;
  overflow: hidden;
}

table.quick_window td.bottom div.bottom {
  margin: 0 56px 0 55px;
  background: url(/images/bubbly/optimized-shadow.png) 0px -103px repeat-x;
  height: 28px;
}

div.quick_window_flash table.quick_window div.viewport {
  background: #fff586;
  text-align: center;
  padding: 30px 0 35px 0;
  line-height: 150%;
  border: none;
}


/*-------------------------------------------------
Rich text area
-------------------------------------------------*/

div.rich_text_area div.text_area {
  margin: 6px 0;
  border: 1px solid #999;
  border-top: 1px solid #737373;
}

div.rich_text_area div.editor {
  background: #fff;
  padding: 4px 5px;
  margin: 1px;
  min-width: 400px;
  overflow: auto;
  font-size: 13px;
  line-height: 1.425em;
  font-family: 'Lucida Grande', verdana, arial, sans-serif;
  zoom: 100%;
}

div.rich_text_area div.editor * {
  margin: 0;
  padding: 0;
  font-size: 13px;
  line-height: 1.425em;
}

div.rich_text_area div.editor strong,
div.rich_text_area div.editor b {
  font-weight: bold;
}

div.rich_text_area div.editor a {
  color: #03C !important;
}

div.rich_text_area div.editor a:hover {
  color: #03C !important;
  background: inherit !important;
  text-decoration: underline !important;
}

div.rich_text_area div.editor p {
  font-weight: normal;
  margin: 0;
}

div.rich_text_area div.editor ul,
div.rich_text_area div.editor ul li {
  list-style-type: square;
}

div.rich_text_area div.editor ol,
div.rich_text_area div.editor ol li {
  list-style-type: decimal;
}

div.rich_text_area div.editor li {
  margin-left: 30px;
  padding: 0;
  font-size: 12px;
  line-height: 1.425em !important;
}

div.rich_text_area div.editor span.inactive_selection {
  background: #d4d4d4;
}

body.message_form div.rich_text_area {
  padding-bottom: 8px;
}

div.rich_text_toolbar {
  height: 25px;
  margin: 5px 0 0;
}

div.comment div.rich_text_toolbar {
  margin: 8px 0 0;
}

div.rich_text_toolbar a.button,
div.rich_text_toolbar div.link_container {
  float: left;
}

div.rich_text_toolbar a.button {
  padding: 0 6px;
  font-size: 11px;
  line-height: 22px;
  height: 22px;
  color: #000;
  text-decoration: none;
  text-align: center;
  float: left;
  margin: 2px 2px 2px 0;
  border: 1px solid #ddd;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background: #ddd;
  font-family: georgia, serif;
  cursor: hand;
}

div.rich_text_toolbar a.button:focus {
  -moz-outline:0;
  outline-offset:0;
  outline:0;
}

div.comment div.rich_text_toolbar a.button {
  background: #eee;
  border-color: #eee;
  margin: 0 2px 2px 0;
}

div.rich_text_toolbar a.bold span {
  font-weight: bold;
}

div.rich_text_toolbar a.italic span {
  font-style: italic;
}

div.rich_text_toolbar a.list span {
  background: url(/images/rich_text/icon_list_bullet.png) no-repeat left 1px;
  display: block;
  height: 16px;
  line-height: 16px;
  width: auto;
  padding: 0 1px 0 19px;
  margin: 3px 0;
  font-size: 11px;
}

div.rich_text_toolbar a.list.number span {
  background-image: url(/images/rich_text/icon_list_number.png);
  padding-left: 20px;
}

div.rich_text_toolbar a.link {
  padding: 0 5px;
}

div.rich_text_toolbar a.link span {
  text-decoration: underline;
  color: #00c;
  line-height: 22px;
}

div.rich_text_area div.rich_text_toolbar a.bold.selected,
div.rich_text_area div.rich_text_toolbar a.italic.selected,
div.rich_text_area div.rich_text_toolbar a.button.selected:hover,
div.rich_text_area div.rich_text_toolbar a.link.selected,
div.rich_text_area div.rich_text_toolbar a.list.selected {
  background: #cbcbcb url(/images/rich_text/rich_text_button_pressed.png) repeat-x left top;
  border-color: #777;
}

div.rich_text_area div.rich_text_toolbar a.button:hover,
div.comment div.rich_text_area div.rich_text_toolbar a.button:hover {
  /*background: #fff url(/images/rich_text/rich_text_button_hover.gif) repeat-x left bottom;*/
  /*background: #fff;
    border-color: #bbb;*/
  border-color: #999;
}

div.comment div.rich_text_area div.rich_text_toolbar a.bold.selected,
div.comment div.rich_text_area div.rich_text_toolbar a.italic.selected,
div.comment div.rich_text_area div.rich_text_toolbar a.button.selected:hover,
div.comment div.rich_text_area div.rich_text_toolbar a.link.selected,
div.comment div.rich_text_area div.rich_text_toolbar a.list.selected {
  background: #ddd url(/images/rich_text/rich_text_comments_button_pressed.png) repeat-x left top;
  border-color: #999;
}

/* Link Dialog */

div.rich_text_toolbar div.link_container {
  position: relative;
}

div.rich_text_toolbar div.link_container div.menu_content {
  display: none;
  position: absolute;
  color: #000;
  font-size: 11px;
  line-height: 14px;
  background: url(/images/rich_text/rich_text_link_dialog.png) no-repeat center top;
  width: 260px;
  padding: 20px 22px 22px;
  top: 20px;
  left: -134px;
  text-align: left;
  text-decoration: none;
  font-family: verdana, sans-serif;
}

div.comments div.rich_text_toolbar div.link_container div.menu_content {
  top: 18px;
}

div.rich_text_toolbar div.link_container.active_menu a.button {
  background: #cbcbcb url(/images/rich_text/rich_text_button_pressed.png) repeat-x left top;
  border-color: #777;
}

div.comment div.rich_text_toolbar div.link_container.active_menu a.button {
  background: #ddd url(/images/rich_text/rich_text_comments_button_pressed.png) repeat-x left top;
  border-color: #999;
}

div.rich_text_toolbar div.link_container.active_menu div.menu_content {
  display: block;
}

div.rich_text_toolbar div.link_container div.menu_content label {
  font-weight: bold;
}

div.rich_text_toolbar div.link_container div.menu_content input {
  padding: 3px;
  font-size: 14px;
  width: 250px;
  font-weight: normal;
}

div.rich_text_toolbar div.link_container div.menu_content span {
  text-decoration: none;
  font-family: verdana, sans-serif;
  color: #000;
  font-size: 11px;
  line-height: 14px;
}

div.rich_text_toolbar div.link_container div.menu_content span.hint {
  color: #999;
  font-size: 10px;
  font-weight: normal;
}

/*-------------------------------------------------
Switch formatting
-------------------------------------------------*/

a.formatting_switch {
  float: right;
  font-size: 10px;
  line-height: 10px;
  -moz-outline:0;
}

div.rich_text_area a.formatting_switch {
  color: #888 !important;
}

div.rich_text_area a.formatting_switch:hover {
  color: #fff !important;
  background: #777;
}

span.or_switch {
  white-space: nowrap;
  float: right;
  padding-bottom: 1px;
}

div.comment a.formatting_switch {
  margin: 2px 0 0 0;
}

a.formatting_switch:hover {
  color: #fff !important;
}

a.formatting_switch.busy {
  text-decoration: none;
  background: url(/images/dots-white.gif) no-repeat left center !important;
}

a.formatting_switch.busy span {
  visibility: hidden;
}

/*-------------------------------------------------
Textile text area
-------------------------------------------------*/

div.textile_text_area textarea {
  padding: 4px 5px;
  font-size: 13px;
	line-height: 1.425em;
  font-family: 'Lucida Grande', verdana, arial, sans-serif;
  margin-top: 0;
}

*:first-child+html div.textile_text_area {
  float: left;
}

*:first-child+html div.main_attributes div.textile_text_area {
  width: 99%;
}

div.textile_toolbar {
  font-size: 11px;
  width: 100%;
  min-width: 500px;
  border-left: 1px solid #999;
  border-top: 1px solid #999;
  border-right: 1px solid #999;
  background: #f0f0f0;
}

*:first-child+html div.textile_toolbar {
  margin-bottom: -1px;
}

div.comment div.textile_toolbar {
  padding: 0 10px 0 0;
  background: #f5f5f5;
}

div.textile_toolbar div.textile_note {
  font-size: 11px;
  padding: 8px 10px;
  line-height: 1.4em;
  color: #666;
  background: none;
}

div.textile_toolbar div.textile_note strong {
  color: #000;
}

div.textile_toolbar div.textile_note a {
  color: #666;
}

div.textile_toolbar div.textile_note a:hover {
  color: #fff !important;
}

div.textile_toolbar a.formatting_switch {
  float: none;
  line-height: 1em;
  font-size: 11px;
  margin: -1px 0 0;
}

div.textile_toolbar div.textile_note a.formatting_switch {
  color: #00c;
}

div.comment div.textile_toolbar a.formatting_switch {
  margin-right: -10px;
}

div.textile_toolbar a.formatting_switch:hover {
  color: #fff !important;
}



/*-------------------------------------------------
SHOW search results
-------------------------------------------------*/

body.search p.set_scope {
  margin: 0 0 10px 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
}

body.search div.innercol {
  padding-top: 5px;
}

body.search p.blank_slate {
  color: #666;
  margin-top: 5px;
}

body.search div.page_header h1 {
  margin: 0 0 3px 0;
}

body.search div.page_header h1 span {
  color: #333;
}

div.result {
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #ddd;
  overflow: hidden;
}

div.result h1 {
  font-size: 16px;
  font-size: 14px;
  margin: 0 0 3px 0;
}

div.result h1 a {
  padding: 0;
}

div.result h1 span.type {
  font-size: 12px;
  font-weight: normal;
  color: #fff;
  padding: 1px 3px;
}

div.result div.todo_item h1 span.type,
div.result div.todo_list h1 span.type {
  background-color: #C87800;
}

div.result div.post h1 span.type {
  background-color: #334E7D;
}

div.result div.comment h1 span.type {
  background-color: #6492AC;
}

div.result div.milestone h1 span.type {
  background-color: #5F6E43;
}

div.result p {
  font-size: 12px;
  margin: 3px 0 0 0;
  color: #333;
}

div.result h3 {
  font-weight: bold;
  font-size: 11px;
  margin: 0;
  color: #000;
}

div.result h3 a {
  color: #000;
}

div.result p.attribution {
  margin: 0;
  font-size: 11px;
  color: #948b6e;
}

div.result h1 span.file_name{
  font-weight: normal;
  white-space: nowrap;
  font-size: 12px;
}

div.result div.file_icon {
  float: left;
  width: 40px;
}

div.result div.file_thumb {
  float: left;
  width: 60px;
  position: relative;
}

div.result div.file_body {
  margin-left: 40px;
}

div.result div.thumb {
  margin-left: 70px;
}

div.result div.file_thumb img {
  border: 1px solid #ccc;
}

div.result .loading {
  opacity: 0.40;
  -moz-opacity: 0.4;
  filter:alpha(opacity=40);
  background: #000 url(/images/zoom/indicator.gif) no-repeat center center;
  position: absolute;
  top: 1px;
  left: 1px;
  height: 60px;
  width: 60px;
}

 
div.result p.other_versions {
  padding: 2px 0;
}

div.result p.other_versions span {
  background: #ffe;
  padding: 2px;
}

div.no_results {
  margin: 20px 0 30px 0;
}

div.no_results p,
div.no_results ul,
div.no_results ul li {
  font-size: 13px;
  line-height: 130%;
  margin: 0;
  padding: 0;
}

div.no_results ul li {
  list-style-type: disc;
  margin-left: 40px;
}

div.no_results p {
  margin: 0 0 13px 0;
}

div.result strong.searchterm {
  font-weight: bold;
  background: #ffa;
  text-decoration: inherit;
}

div.result a:hover strong.searchterm {
  background-color: inherit;
}

div.result p strong.searchterm {
  color: #000;
}

div.recent_searches h1 span.clear_link {
  width: 80px;
  float: right;
  text-align: right;
  font-size: 11px;
  font-weight: normal;
}

div.recent_searches ul li {
  font-size: 12px;
  line-height: 140%;
}

div.recent_searches p.blank_slate {
  color: #666;
  margin: 0;
}

input#search_terms {
  width: 60%;
  font-size: 14px;
  vertical-align: middle;
}

/* this was in the SEARCH block from _legacy.css. I don't konw why */

#Notify table td p {
  font-size: 12px;
  font-weight: normal;
}



body.settings div.page_header,
body.admin div.page_header {
	color: #ccc;
	font-size: 12px;
}

body.settings div.page_header strong,
body.admin div.page_header strong {
  font-size: 14px;
	color: #000;
}

/*-------------------------------------------------
Company logo
-------------------------------------------------*/

table.logo_options {width: 100%;}

table.logo_options td {
  vertical-align: top;
  padding: 0 2px;
  width: 33%;
}

table.logo_options td p {
  margin: 0 0 1.5em;
  color: #666;
}

table.logo_options td p strong {
  color: #000;
}

table.logo_options tr.images td {
  width: 29%;
  padding: 5px;
  vertical-align: middle;
  text-align: center;
  border: 1px solid #e5e5e5;
  background: #000;
}

table.logo_options tr.options td {color: #666;
  padding: 1px 0 0;
  font-size: 10px;
}

table.logo_options tr.options td div.white_box_option {
  position: relative;
  margin: -27px 5px 0 3px;
  white-space: nowrap
}

table.logo_options tr.images td.company {
  color: #666;
  background: #e5e5e5;
  padding: 5px;
  vertical-align: middle;
  text-align: center;
}

table.logo_options tr.images td.company div.nologo {padding: 50px 0;}
table.logo_options tr.images td.company.pad_options {padding-bottom: 23px;}

table.logo_options tr.images td.touch {
  background: url(/images/apple_touch_background.png) center top;
  border-color: #000;
  vertical-align: top;
  padding-top: 11px;
}

table.logo_options tr.images td.touch img {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

table.logo_options tr.images td.favicon {
  width: 30%;
  padding: 5px;
  background: #fff url(/images/favicon_browser.png) -35px -20px;
  vertical-align: top;
  text-align: left;
  border: 1px solid #c5c5c5;
}

table.logo_options tr.images td.favicon img {
  width: 16px;
  height: 16px;
  padding: 27px 0 0 99px;
}

table.logo_options tr.images td.company div#LogoBox {margin: 0 auto;}
table.logo_options tr.images td.company div#LogoBox.white {margin: 10px auto;}

table.logo_options tr.images td.company div#LogoBox img {
  max-width: 300px;
  max-height: 114px;
}

table.logo_options tr.arrows td {
  padding: 0;
  text-align: center;
  vertical-align: bottom;
}

div.image_form {
  background: #f5f5f5;
  padding: 15px 15px 5px;
  border: 5px solid #000;
  margin: -8px 5px 25px;
}

div.image_form p em {color: #666;}

div.image_form table td {
  vertical-align: top;
}

div.image_form div.image_current {
  display: inline-block;
  text-align: center;
  margin: 10px 15px 0 0;
}

div.image_form div.image_current div.image {
  margin-bottom: 5px;
}

div.image_form div.image_current div.image img {
  border: 1px solid #c5c5c5;
  background: #e5e5e5;
}

div#upload_image_company div.image_current div.image img {
  max-width: 300px;
  max-height: 114px;
}

div#upload_image_favicon div.image_current div.image img {
  padding: 15px;
}

div.image_form div.image_current div.image div.nologo {
  border: 1px solid #c5c5c5;
  background: #e5e5e5;
  padding: 10px 20px;
  color: #666;
}

div.image_form div.image_current div.image div#LogoBox,
div.image_form div.image_current div.image div#LogoBox img {
  margin: 0 !important; 
  background: none !important;
}

div.image_form div.image_current div.image div#LogoBox img {padding: 0;}

div.image_form div.block {
  margin: 15px 0 0 !important; 
  background: none !important;
}

div.image_form div.block input {padding: 0;}
div.image_form div.notes {margin-top: 10px;}

div.image_form p.submit {
  border-top: 1px solid #ccc;
  padding: 10px 5px;
  text-align: right;
  clear: both;
}

div.image_form div.flash_alert {
	border-color: #c99;
	color: #fff;
	background: #c00;
	font-size: 12px;
	clear: both;
	padding: 5px 15px;
}

/*-------------------------------------------------
EXPORT FORMATS
-------------------------------------------------*/

body.settings table.export_formats {
  border-collapse: collapse;
  margin: 15px 0;
}

body.settings div.block,
body.settings div.block div {
	color: #333;
	background: #f0f0f0;
	margin: 0;
	margin-top: 3px;
	padding: 5px;
	font-size: 11px;
	font-weight: normal;
}

body.settings table.export_formats td {
  width: 50%;
  padding: 0 10px 5px 0;
  vertical-align: top;
}

body.settings table.export_formats td div.request_export {
  overflow: hidden;
}

body.settings table.export_formats td div.request_export img {
  width: 116px;
  height: 85px;
  float: left;
  margin-right: 8px;
}

body.settings table.export_formats td div.request_export p.export {
  margin-top: 10px;
}

body.settings table.export_formats div.export_status {
  background: #ffc;
  padding: 5px 5px 1px 5px;
  font-weight: bold;
  margin: 0 20px 0 5px;
}

body.settings table.export_formats td div.request_export div.export_status {
  margin-right: 5px;
  margin-left: 120px;
}

body.settings table.export_formats div.export_status p {
  margin: 0 0 10px 0;
}


/*-------------------------------------------------
SKYBOX PLANS CHART
-------------------------------------------------*/

div.plan * {
  margin: 0;
  padding: 0;
  line-height: 1em;
}

div.plan {
	float: left;
	width: 250px;
  padding-left: 10px;
  border-left: 1px solid #dcdcdc;
}

div.plan + div.plan {
  margin-left: 20px;
}

div.plans div.action {
	float: left;
	padding-right: 10px;
	height: 140px;
}

div.plan h1 {
	font-size: 20px;
	line-height: 1.2em;
}

div.plan h2 {
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 5px;
}

div.plan h3 {
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 10px;
	color: #056b81;
}

div.plan ul {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
}

div.plan li {
	font-size: 14px;
	color: #777;
	font-weight: normal;
	margin-bottom: 5px;
}

div.plan li strong {
	font-size: 14px;
	color: #C33700;
}

div.plan li span.infinity {
  font-weight: bold;
	color: #C33700;
}

div.plan h4 {
	font-size: 14px;
	line-height: 1.2em;
	font-weight: bold;
	margin-bottom: 10px;
}

div.plan ul {
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
}

div.plan li {
	font-size: 14px;
	color: #777;
	font-weight: normal;
	margin-bottom: 5px;
}

div.plan li strong {
	font-size: 14px;
	color: #C33700;
}


/*-------------------------------------------------
SKYBOX AD
-------------------------------------------------*/

div.skybox_ad {
  background: #ffd956 url(/images/skybox/ad_background.png) no-repeat left top;
  padding: 10px 20px 7px;
  margin: 15px 0 0;
  width: 266px;
  float: right;
  text-align: left;
}

div.skybox_ad h1 {
	background: #da6c09 url(/images/skybox/ad_title_background.png) repeat-y left top; 
	color: #fff;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  margin: -10px -20px 10px;
  padding: 5px 20px;
  text-align: center;
  text-transform: uppercase;
}

div.skybox_ad p {
  font-size: 12px;
  line-height: 1.3;
  margin: 0 0 12px 0;
}

div.skybox_ad ul,
div.skybox_ad li {
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 1.3;
  font-size: 12px;
}

div.skybox_ad ul {
  margin-bottom: 16px;
}

div.skybox_ad ul strong {
  color: black;
  font-size: 14px;
}

div.skybox_ad div.box {/*background: url(/images/skybox/ad_skybox.png) no-repeat center 20px;*/}
div.skybox_ad a:hover {background: none;}

div.skybox_ad .button a:link,
div.skybox_ad .button a:visited,
div.skybox_ad .button a:active {
	background: url(/images/skybox/ad_button_sprite.png) no-repeat left -77px;
  color: #FFF;
  display: block;
  float: left;
  font-family: helvetica, arial, sans-serif;
  font-size: 17px;
  font-weight: normal;
  height: 33px;    
  white-space: nowrap;
	text-decoration: none;
	padding: 0 0 0 7px;
	margin: 0;
	text-shadow: #31832c 0 0 2px;
	letter-spacing: normal;
}

div.skybox_ad .button a:link span,
div.skybox_ad .button a:visited span,
div.skybox_ad .button a:active span {
	background: url(/images/skybox/ad_button_sprite.png) no-repeat right 0;
  display: block;
  padding: 0 14px 0 5px;
  line-height: 33px;	
  color: #fff;
}

div.skybox_ad p.footer {
  font-size: 11px;
  margin: 10px 0 8px 0;
  padding: 0;
  color: #333;
}


/*-------------------------------------------------
IMAGE SPRITES
-------------------------------------------------*/

.sprite {
  height: 0;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  padding: 0;
  border: none;
  background-repeat: no-repeat;
  background-color: none;
  text-decoration: none !important;
}

/*-------------------------------------------------
TIME TRACKING
-------------------------------------------------*/

body.time div.page_header {
  padding-right: 60px;
}

body.time div.inner_page_header {
  overflow: hidden;
}

body.time div.page_header div.page_header_links {
  width: 400px;
}

table.TimeTrack {
	width: 100%;
	margin-bottom: 20px;
  border-collapse: collapse;
}

table.TimeTrack th {
	font-size: 9px;
	font-weight: normal;
	text-transform: uppercase;
  border: none;
  color: #666;
  text-align: left;
	padding: 0 3px 3px 10px;
}

body.el table.TimeTrack th {text-transform: none; font-size: 10px;}

table.TimeTrack tr.blank_row_for_safari td {
  padding: 0;
  font-size: 8px;
}

table.TimeTrack td {
  padding: 4px 3px 5px 10px;
	font-size: 11px;
  line-height: 140%;
	border-bottom: 1px solid #ddd;
	white-space: nowrap;
  text-align: left;
  vertical-align: top;
}

table.TimeTrack td.action {
  white-space: nowrap;
	text-align: center;
  color: #999;
  padding-right: 10px;
}

table.TimeTrack td.action div.busy {
  background-image: url(/images/dots-white.gif);
  background-repeat: no-repeat;
  background-position: center center;
}

table.TimeTrack td.action div.busy div.hide_while_busy {
  visibility: hidden;
}

table.TimeTrack td.action img {
  vertical-align: middle;
}

table.TimeTrack td.action a.image {
  margin-left: 3px;
}

table.TimeTrack.editing .entry .action * { 
  visibility:hidden;
}

table.TimeTrack td.hours {
	font-weight: bold;
  font-size: 12px;
}

table.TimeTrack td.desc {
	white-space: normal;
	width: 100%;
}

table.TimeTrack tr.AddTimeTrack td {
	padding: 10px 0 10px 10px;
	background: #efefef;
  vertical-align: bottom;
}

table.TimeTrack tr.AddTimeTrack td.action {
  padding-right: 10px;
  text-align:right;
}

table.TimeTrack td.hours input {
  font-weight: bold;
}

table.TimeTrack tr.AddTimeTrack td.date {
	padding-left: 10px;
}

table.MakeReport {
	margin: 10px 0 0 0;
}

table.MakeReport td {
	padding-right: 5px;
	font-size: 10px;
}

h1#reporttitle {
  color: #000;
  font-size: 16px;
  margin-bottom: 16px;
  margin-left: 5px;
  padding-bottom: 7px;
}

h1#reporttitle span {
  font-size: 11px;
  color: #999;
  font-weight: normal;
}


/*-------------------------------------------------
TIME TRACKING TAB
-------------------------------------------------*/


table.TimeTrack td.date a,
table.TimeTrack td.person a {
  color: #333;
  text-decoration: none;
}

table.TimeTrack td.date a:hover,
table.TimeTrack td.person a:hover {
  color: #fff;
}

table.TimeTrack th.project {
	font-size: 13px;
	font-weight: bold;
	color: #000;
	background: #e9e9e9;
	text-align: left;
	padding: 5px 0 8px 5px;
	text-transform: none;
}

table.TimeTrack th.project a {
	color: #000;
	text-decoration: none;
  font-size: 12px;
}

table.TimeTrack th.project span.project_link {
	color: #666;
  font-size: 10px;
}

table.TimeTrack th.project span.project_link span.go_to_project {
	font-weight: normal;
  color: #999;
}

table.TimeTrack th.project span.project_link a {
  color: #666;
  text-decoration: underline;
  font-size: 10px;
}

table.TimeTrack th.project span.project_link a:hover {
  color: #fff;
  text-decoration: none;
}

table.TimeTrack th.project a span {
	color: #666;
  font-size: 10px;
}

table.TimeTrack th.project a:hover,
table.TimeTrack th.project a:hover span {
	color: #fff;
}

table.TimeTrack tr.total td {
  border-bottom: none;
}

table.TimeTrack tr.total td.total {
  text-align: right;
  font-size: 12px;
}

table.TimeTrack tr.total td.hours {
  font-size: 12px;
}

table.TimeTrack tr.total td.export {
  color: #666;
  text-align: right;
}

table.TimeTrack tr.total td.export a {
  color: #666;
}

table.TimeTrack tr.total td.export a:hover {
  background: #666;
  color: #fff;
}

div.new_time_report div.box_with_fields {
  width: 325px;
  margin: 10px 0;
  border: 1px solid #ccc;
  padding: 10px;
  background: #fff;
}

div.new_time_report table th,
div.new_time_report table td {
  font-size: 14px;
  font-weight: normal;
}

div.new_time_report table th {
  text-align: right;
  padding:3px 3px 4px 0px;
  width:1%;
}

div.new_time_report table td {
  padding:3px 0px;
}

div.new_time_report p.submit {
  font-size: 12px;
  margin: 0 0 0 10px;
}

span.todo_bug {
  background: #c67600;
  color: #fff;
  font-size: 7px;
  text-transform: uppercase;
  padding: 1px 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  vertical-align: text-top;
  font-weight: bold;
}


/*-------------------------------------------------
TIME TRACKING TODO WIDGET
-------------------------------------------------*/

body.todos div.list div.busy div.item_time_tracker div.total,
body.todos div.list div.busy div.item_time_tracker div.form {
  display: none;
}

body.todos div.list div.item_time_tracker {
  border: 2px solid #090;
  color: #333;
}

body.todos div.list div.item_time_tracker span.content {
  display: block;
  padding: 8px;
}

body.todos div.list div.busy div.item_time_tracker {
  border: none;
}

body.todos div.list div.busy div.item_time_tracker span.content {
  padding: 0;
}

body.todos div.list div.item_time_tracker div.total {
  padding: 10px;
  background: #D2E9D2;
}

body.todos div.list div.item_time_tracker div.total strong {
  font-size: 12px;
  color: #fff;
  background: #090;
  padding: 2px 4px;
}

body.todos div.list div.item_time_tracker div.total span {
  color: #666; 
  margin-left: 5px; 
  font-size: 11px;
}

body.todos div.list div.items div.item_time_tracker div.form {
  margin-left: 0;
  background: #efefef;
  padding: 8px;
}

body.todos div.list div.item_time_tracker div.form table {
}

body.todos div.list div.item_time_tracker div.form th {
  text-align: right;
  font-weight: normal;
}

body.todos div.list div.item_time_tracker div.form td {
  color: #999;
}

body.todos div.list div.item div.item_time_tracker div.form form p.submit {
  border: none;
  padding: 0;
  margin: 0;
}


/*-------------------------------------------------
TODOS v3 (ala BPWO) (from _legacy.css)
-------------------------------------------------*/

body.todos div#widgets,
body.todos div.list,
body.todos div.list_wrapper,
body.todos div.list div.viewallcomplete,
body.todos div.list div.item,
body.todos div.list div.item div.content,
body.todos div.list div.item form p.submit,
body.todos div.list_with_time_tracking div.item div.item_time_tracker {
  zoom: 100%;
}

body.todos div.page_header_links {
  width: 325px;
}

body.todos div.Left {
  margin-left: 15px;
}

body.todos div.list_wrapper {
  position: relative;
  margin: 0 0 0 -20px;
  padding: 0 0 0 20px;
}

body.todos div.empty p {
  font-size: 14px;
  font-weight: normal;
  margin: 0 0 14px 0;
}

body.todos div.empty {
  margin-bottom: 40px;
}

body.empty_slate.todos #reorder_lists_link {
  display: none;
}

body.todos div.list {
  color: #000;
  margin: 0 0 20px;
}

body.todos div.list div.items_wrapper div.widget_parent {
  margin-left:-24px;
  padding-left:24px;
}

body.todos div.list h2 {
  padding-left: 7px;
  font-size: 16px;
  margin-top: 0;
  margin-bottom: 5px;
  color: #000;
}

body.todos div.list p.listdesc {
  margin: 5px 0 5px 10px;
  font-style: italic;
}

body.todos div.list div.viewallcomplete {
  margin: 3px 0 8px 36px;
  font-size: 10px;
}

body.todos div.list div.viewallcomplete a:link,
body.todos div.list div.viewallcomplete a:visited {
  color: #999;
}

body.todos div.list div.viewallcomplete a:hover {
  color: #fff;
}

body.todos div.list h2 a,
body.todos div.list h2 a:hover {
  background: none;
  color: #000;
  text-decoration: underline;
}

body.todos div.done {
  margin: 8px 0;
}

body.todos div.done .delete_link {
  margin-left: 5px;
}

body.todos div.done div.wrapper {background: none;}

body.todos a.image img {
  border: none;
}

body.todos div.list h2 {
  margin-bottom: 5px;
}

body.todos div.list_widget {
  margin-left: -18px;
  margin-bottom: 3px;
}

body.todos div.list_widget div.item {
  padding-left: 30px;
}

body.todos div.item_wrapper {
  background: #fff;
}

body.todos div.add_item div.item_wrapper {
  background: none;
}

body.todos div.list div.list_widget,
body.todos div.list div.add_item {
  height: 1%;
  clear: left;
}

body.todos div.list div.add_item {
  background: #efefef;
  padding: 5px;
  margin: 6px 0 0 34px;
}

body.todos div.list_with_time_tracking div.add_item {
  margin-left: 56px;
}

body.todos div.list div.add_item div.list_widget {
  margin: 0;
}

body.todos div.list div.add_item textarea {
  width: 380px;
}

body.todos div.list div.add_item p.submit {
  border-top: 1px solid #ccc;
  padding-top: 3px;
}

body.todos div.list div.add_item p {
  font-size: 11px;
  color: #333;
}

body.todos div.list div.item div.content {
  position: relative;
  margin: 0 0 0 25px;
  font-size: 12px;
  line-height: 18px;
  color: #333;
}

body.todos div.list .done div.item div.content {
  font-size: 10px;
  color: #999;
}

body.todos div.list_with_time_tracking div.item div.content {
  margin:0 0 0 48px;
}

body.todos div.list_with_time_tracking .done div.item div.content {
  margin:0 0 0 50px;
}

body.todos div.list div.item div.content form {
  background: #efefef;
  padding: 5px;
}

body.todos div.list div.item div.content form textarea {
  width: 85%;
}

body.todos div.list div.item div.content form p {
  margin: 2px 0;
  font-size: 11px;
}

body.todos div.list div.item div.content form p.submit {
  margin: 4px 0 0 0;
  padding: 3px 0 0 0;
  border-top: 1px solid #ccc;
}

body.todos div.done div.item div.content strong.date {
  margin-right: 5px;
  font-weight: normal;
  color: #666;
}

body.todos div.list div.busy div.content {
  background: url(/images/dots-white.gif) no-repeat 4px 7px;
}

body.todos div.list div.busy div.content span.content {
  visibility: hidden;
}

body.todos div.list div.busy div.item a.comments_link {
  visibility: hidden;
}

body.todos div.list div.nubbin li.edit {
  padding-top: 1px;
}

body.todos div.list div.item span.sprite.comments.read {
  background-position: -120px top !important;
}

body.todos div.list div.item span.sprite.comments.unread {
  background-position: -135px top !important;
}

body.todos div.list div.form {
  top: 0;
  background: none;
  border: none;
}

body.todos div.list div.items div.form,
body.todos div.list div.add_item div.form {
  margin-left: 52px;
}

body.todos div.list div.add_item p {
  margin: 0 0 5px 0;
}

body.todos div.list div.add_item p.submit {
  margin: 5px 0 0 0;
}

body.todos div.list div.items div.edit {
  padding-bottom: 15px;
}

body.todos div.item {
  position:relative;
}

body.todos div.item div.controls {
  position:absolute;
  left:30px;
}

body.todos div.item div.controls a img {
  border: none;
}

body.todos div.item div.controls input {
  float: left;
}

body.todos div.item div.controls span.todo_client_closed,
body.todos div.item div.controls span.todo_client_open {
  margin: 4px 4px 4px 6px;
}

body.todos div.list div.item div.controls a.time_tracking_control span.sprite {
  margin: 1px 5px;
}

body.todos div.list div.item div.controls a.time_tracking_control span.sprite.timeclock.off {
  background-position: -392px top !important;
}

body.todos div.list div.edit_list_name {
  margin-bottom: 10px;
}

body.todos div.list div.edit_list_name input.list_name {
  margin: 0;
  font-weight: bold;
  font-size: 16px;
  width: 250px;
}

body.todos div.list div.add input,
body.todos div.list div.edit textarea {
  margin-bottom: 5px;
}

body.todos div.list div.add div.buttons input {
  margin-bottom: 0;
}

body.todos div.list div.edit textarea {
  height: auto;
}

body.todos div.busy form p.submit,
body.todos div.busy form div.submit p {
  background: url(/images/dots-white.gif) no-repeat 5px center;
}

body.todos div.busy form p.submit *,
body.todos div.busy form div.submit p * {
  visibility: hidden;
}

body.todos div#new_list h2 {
  margin: 0 0 3px 0;
  padding: 0;
  font-size: 12px;
}

body.todos div#new_list h2.without_templates span.smallgray,
body.todos div#new_list h2.without_templates span#template_or_title {
  display: none;
}

body.todos div#new_list p {
  margin: 0 0 5px 0;
}

body.todos div#new_list p.submit {
  margin: 4px 0 0 0;
  padding: 3px 0 0 0;
  border-top: 1px solid #ccc;
}

body.todos div#new_list textarea {
  font-size: 13px;
  width: 85%;
}

a.donelink:link,
a.donelink:visited,
div.list a.donelink:link,
div.list a.donelink:visited {
  color: #000;
  background: #fc3;
  font-size: 12px;
  padding: 0 2px;
}

a.donelink:hover,
div.list a.donelink:hover {
  text-decoration: underline;
}

body.todos div.list div.busy {
  display: block;
}

body.todos div.list div.busy div.wrapper ul {
  background: url(/images/dots-white.gif) no-repeat 8px center;
  height: 12px;
}

body.todos div.list div.busy div.wrapper li {
  visibility: hidden;
}

body.todos div.list div.item div.busy {
  display: block;
}

body.todos div.list div.item div.nubbin div.wrapper ul {
  background: none;
  height: auto;
}

body.todos div.list div.item div.nubbin div.wrapper li {
  visibility: visible;
}

body.todos div.list span.sprite.drag {
  width: 13px;
  padding-top: 16px;
  background: url(/images/basecamp_sprites.png) no-repeat -290px -40px;
  vertical-align: top;
  margin-top: -1px;
  cursor: move;
}

body.todos div.list div.item div.busy div.wrapper ul {
  background: url(/images/dots-white.gif) no-repeat 8px center;
  height: 12px;
}

body.todos div.list div.item div.busy div.wrapper li {
  visibility: hidden;
}

body.todos div.list div.busy div.items {
  background: url(/images/dots-white.gif) no-repeat 8px 8px;
}

body.todos div.list div.busy div.items * {
  visibility: hidden;
}

body.todos div.list div.list_drag_handle {
  display: none;
}

body.todos div.reordering div.list div.nubbin,
body.todos div.reordering div.list p.listdesc,
body.todos div.reordering div.list div.items_wrapper,
body.todos div.reordering div.list div.add_item,
body.todos div.reordering div.list div.done,
body.todos div.reordering div.list div.viewallcomplete {
  display: none;
}

body.todos div.reordering div.list div.list_title h2 {
  margin: 0;
}

body.todos div.reordering div.list div.list_title {
  margin: 3px 0 8px 0;
}

body.todos div.reordering div.list div.list_drag_handle {
  display: inline;
  float: left;
  position: relative;
  width: 1px;
  height: 1px;
  cursor: move;
}

body.todos div.reordering div.list div.list_drag_handle span.drag {
  display: inline;
  position: absolute;
  right: 0;
  top: 0;
  margin-top: 2px;
}

body.todos .Left div.completed_lists li a {
  font-size: 14px;
  text-decoration: line-through;
  margin-left: 1em;
}

body.todos .Left div.completed_lists p.small {
  font-size: 11px;
  color: #444;
  margin-top: 1.5em;
}

/*-------------------------------------------------
NEW LIST
-------------------------------------------------*/

body.todos div.button_to_add_new img {
  width: 138px;
}

body.todos div#new_list div.options_toggle {
  font-size: 12px;
}

body.todos div#new_list div.options_toggle a {
  color: #666;
}

body.todos div#new_list div.options_toggle a:hover {
  background: #666;
  color: #fff;
}

body.todos div#new_list div#new_list_options {
  margin: 15px 0 0 0;
  padding: 10px 0 0 10px;
  border-top: 1px dashed #ccc;
}

body.todos div#new_list div#new_list_options select {
  width: 70%;
}

body.todos div#new_list div#use_template_block select {
  width: 80%;
  font-weight: bold;
  font-size: 18px;
}

body.todos div#new_list div.sheet_form h2 {
  font-weight: bold;
  font-size: 13px;
}

body.todos div#new_list_description {
  margin: 10px 0;
}

body.todos form.private span.private_label {
  background-color: #ffe6ea;
}

/*-------------------------------------------------
PERMA/COMMENTABLE
-------------------------------------------------*/

body.todo_item div.page_header {
  margin: -15px -60px 10px -23px;
}

body.todo_item div.check_box_commentable {
  border: 1px solid #ddd;
  padding: 20px 0 0 0;
  margin: 16px 0px 10px -9px;
  background: #fff;
  border-bottom: 2px solid #bbb;
  border-right: 2px solid #ccc;
}

body.todo_item div.check_box_commentable div.controls {
  display: block;
  float: left;
  width: 18px;
  height: 18px;
  margin: 0 0 0 10px;
}

body.todo_item div.check_box_commentable div.content {
  margin: 0 15px 20px 36px;
  position: relative;
}

body.todo_item div.check_box_commentable div.content p {
  font-size: 18px;
  line-height: 20px;
  margin: 0;
}

body.todo_item div.check_box_commentable div.completed p {
  text-decoration: line-through;
}

body.todo_item div.check_box_commentable div.completed p span.completed_on {
  color: #777;
}

body.todo_item div.check_box_commentable input {
  font-size: 18px;
}

body.todo_item div.busy div.content {
  background: url(/images/dots-white.gif) no-repeat 2px 8px;
}

body.todo_item div.busy div.content p {
  visibility: hidden;
}

body.comments span.bubble span.content {
  color: #999;
  font-size: 14px;
}

/*-------------------------------------------------
GLOBAL TO-DO TAB
-------------------------------------------------*/

body.todoglobal div.page_header_links {
  width: 550px !important;
}

body.todoglobal div.page_header_links select {
  width: 160px;
}

body.todoglobal div.page_header_links.intl_wrapping select {
  width: 120px;
}

table.todolist {
  border-left: 1px solid #ccc;
  margin-left: 10px;
  width: 90%;
}

table.todolist td {
  vertical-align: top;
  font-size: 12px;
  padding: 2px 3px;
}

table.todolist td.todoitem {
  padding-left: 0;
}

table.todolist td.todocheckbox,
table.todolist td.todocheckboxwithtime {
  width: 1%;
  text-align: center;
  white-space: nowrap;
  vertical-align: top;
  padding-right: 4px;
}

table.todolist td.todocheckboxwithtime input {
  margin-right: 0;
}

table.todolist td.todocheckboxwithtime img {
  vertical-align: top;
  border: none;
}

table.todolist td.todocheckboxwithtime a {
  padding: 0;
  background: none;
}

table.todolist td.todolisttitle {
  text-align: right;
  padding-right: 5px;
  width: 30%;
  background: #eee;
}

table.todolist tr.firstofgroup td {
  border-top: 1px solid #ccc;
}

table.todolist tr.firstofgroupcompleted td {
  border-top: 1px dotted #ccc;
}

table.todolist tr.firstofgroupcompleted td,
table.todolist tr.completed td {
  font-size: 10px;
  color: #888;
}

table.todolist tr.firstofgroupcompleted td a,
table.todolist tr.completed td a {
  color: #666;
}

table.todolist tr.firstofgroupcompleted td a:hover,
table.todolist tr.completed td a:hover {
  color: #fff;
  background: #333;
}

table.todolist td.complete {
  vertical-align: top;
  font-size: 11px;
  color: #888;
  padding: 2px 0;
}

table.todolist td.complete a {
  color: #444;
}

table.todolist td.complete a:hover {
  color: #fff;
  background: #333;
}

table.todolist span.due {
  color: #888;
  white-space: nowrap;
}

div.todo_list h2.todo {
  font-size: 16px;
  margin-left: 7px;
}

div.todo_list h2.todo a {
  color: #000;
}

div.todo_list h2.todo a:hover {
  color: #fff;
}

/*-------------------------------------------------
SHOW / _SHOW
-------------------------------------------------*/

body.todos div.list div.list_title h2 span,
body.todos div.list div.list_title h2 a {
  vertical-align: middle;
}

body.todos div.list a.attached_milestone {
  color: #666;
}

body.todos div.list a.attached_milestone:hover {
  color: #fff;
  background: #666;
}

body.todos div.list a.pill_todo_item {
  background: #eee url(/images/basecamp_sprites.png) no-repeat right -1480px;
  display: inline-block;
  padding: 0;
  margin: 0 !important;
  text-decoration: none;
}

body.todos div.list a.pill_todo_item.busy span.content > span {
  background: transparent url(/images/dots-white.gif) no-repeat center center !important;
}

body.todos div.list a.pill_todo_item.busy span.content > span * {
  visibility: hidden;
}

body.todos div.list a.pill_todo_item.menu_target {
  cursor: pointer;
}

body.todos div.list a.pill_todo_item.menu_target:hover {
  background-color: #CCC !important;
}

body.todos div.list a.pill_todo_item.menu_target:hover span.content {
  color: #333;
}

body.todos div.list a.pill_todo_item span.content {
  display: block;
  background: url(/images/basecamp_sprites.png) no-repeat left -1480px;
  color: #666;
  padding: 0 10px;
  font-size: 10px;
  margin: 0 !important;
  line-height: 15px;
  height: 15px;
  position:relative;
}

body.todos div.list .active_menu a.pill_todo_item,
body.todos div.list .active_menu a.pill_todo_item.menu_target:hover {
  background-color: #000 !important;
}

body.todos div.list .active_menu a.pill_todo_item.menu_target.busy {
  background-color: #eee !important;;
}

body.todos div.list .active_menu a.pill_todo_item.menu_target span.content {
  color: #fff;
}

body.todos div.list .active_menu a.pill_todo_item.menu_target:hover span.content {
  color: #fff;
}

/*-------------------------------------------------
DUE DATES
-------------------------------------------------*/

body.todos h3.filter_header {
  font-size: 12px;
  margin: 14px 0 0 0;
  padding: 0;
  color: #000;
}

body.todos h3.filter_header span.show_all {
  color: #999;
  font-weight: normal;
}

body.todos h3.filter_header a {
}


body.todos span.assign_due_pop_wrapper form {
  background: none !important;
  padding: 0 !important;
}

body.todos span.assign_due_pop_wrapper,
body.todos span.due_pop_wrapper {
  position:relative;
  vertical-align: text-top;
}

body.todos span.assign_due_pop_wrapper {
  display: inline-block;
}

body.todos span.assign_due_pop_container,
body.todos span.due_pop_container {
  display: none;
}

body.todos .active_menu span.assign_due_pop_container,
body.todos .active_menu span.due_pop_container {
  display: block;
  position: relative;
  z-index: 6;
}

body.todos span.assign_due_pop,
body.todos span.due_pop {
  width: 203px;
  position: absolute;
  top: -52px;
  right: -204px;
  z-index: 4;
  display: block;
}

body.todos span.due_pop {
  top: -55px;
  right: -202px;
}

body.todos span.assign_due_pop span.inner,
body.todos span.due_pop span.inner {
  width: 150px;
  background: url(/images/assign_due_pop.png) no-repeat;
  padding: 8px 25px 0 28px;
  display: block;
}

body.todos .active_menu div.comments {
  visibility: hidden;
}

body.todos span.assign_due_pop label {
  display: block;
  font-weight: bold;
  margin-top: 7px;
  margin-bottom: 3px;
  font-size: 12px;
  color: #000;
}

body.todos div.list div.item div.content span.assign_due_pop form p.tip {
  margin: 5px 0 0 0;
  color: #999;
  font-size: 9px;
  line-height: 1.4;
}

body.todos span.assign_due_pop span.close_link,
body.todos span.due_pop span.close_link {
  float: right;
  margin: -16px -33px 0 -5px;
  padding: 0;
  cursor: pointer;
}

body.todos span.assign_due_pop select {
  margin: 0;
  width: 100%;
}

body.todos span.assign_due_pop span.date {
  margin-top: 10px;
  border-top: 1px solid #c4c4c4;
  display: block;
}

body.todos span.due_pop label.header {
  display: block;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  margin: 5px 0 3px 0;
}

body.todos .calendar_date_select .footer {
  font-weight: normal;
  font-size: 11px;
  margin: 0 0 4px;
  width: 100%;
  display: none;
}

body.todos .calendar_date_select th,
body.todos .calendar_date_select td {
  line-height: 13px;
}

body.todos span.assign_due_pop .calendar_date_select select {
  width: auto;
}

body.todos .calendar_date_select .header .pager a,
body.todos .calendar_date_select .header .pager a img {
  padding: 3px 1px !important;
}

body.todos .calendar_date_select .header {
  padding: 3px 0;
}

body.todos span.assign_due_pop span.no_date_link,
body.todos span.due_pop span.no_date_link {
  font-size: 11px;
  color: #F00;
  text-align: center;
  display: block;
  padding: 0 0 12px;
  background: url(/images/assign_due_pop.png) no-repeat left bottom;
  width: 203px;
  height: 25px;
}

body.todos span.assign_due_pop span.no_date_link a,
body.todos span.due_pop span.no_date_link a {
  color: #F00;
  padding: 1px 2px;
}

body.todos span.assign_due_pop span.no_date_link a:hover,
body.todos span.due_pop span.no_date_link a:hover {
  background: #F00;
  color: #FFF;
  text-decoration: none;
}

body.todos div.has_active_menu,
body.todos div.has_active_menu .active_menu {
  z-index: 99 !important;
  position: relative;
}

/* Show the assign due popup from bottom up when close to the browser's bottom edge */
body.todos span.assign_due_pop.edge {
  top: auto;
  bottom: -30px;
}

body.todos span.assign_due_pop.edge span.inner {
  background: url(/images/assign_due_pop.png) no-repeat -203px top;
}

body.todos span.assign_due_pop.edge span.no_date_link {
  background: url(/images/assign_due_pop.png) no-repeat -203px bottom;
  height: 48px;
  padding: 0;
}

/*-------------------------------------------------
EDIT
-------------------------------------------------*/

body.todos div.edit_list form {
  background: #efefef;
  padding: 5px;
}

body.todos div.edit_list form.private {
  background-color: #ffe6ea;
}

body.todos div.edit_list form input.list_title {
  font-size: 16px;
  font-weight: bold;
}

body.todos div.edit_list form input.list_title,
body.todos div.edit_list form textarea {
  width: 75%;
}

body.todos div.edit_list form textarea {
  margin: 5px 0;
}

body.todos div.edit_list form p {
  margin: 5px;
  line-height: 12px;
}

body.todos div.edit_list form div.submit {
  margin: 4px 0 0 0;
  padding: 3px 0 0 0;
  border-top: 1px solid #ccc;
}

body.todos ul.addtl_fields:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

body.todos ul.addtl_fields {display: inline-block;}
body.todos ul.addtl_fields {display: block;}

body.todos ul.addtl_fields li {
  float: left;
  margin-right: 15px;
}

body.todos ul.addtl_fields li input.due_date {
  padding: 1px;
  width: 80px;
  color: #000;
  cursor: pointer;
}

body.todos ul.addtl_fields li input.new_date {
  color: #999;
}

/* Touch selection */

body.touch [behavior~=selectable].list.selected {
  background: inherit;
}

body.touch [behavior~=selectable].list.selected div.list_title {
  background: #cddded;
  -webkit-border-radius: 3px;
}


body.touch * {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body.touch a,
body.touch button,
body.touch input,
body.touch select,
body.touch textarea {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.25);
}


div.upload_preference {
  display: none;
}

body.has_flash_support div.upload_preference {
  display: block;
}

a.upload_preference.busy,
a.upload_preference.busy:hover {
  background: transparent url(/images/dots-white.gif) no-repeat center center !important;
  text-decoration: none;
}

a.upload_preference.busy span {
  visibility: hidden;
}

p.change_upload_preference {
  color: #777;
  font-size: 10px !important;
  margin: 3px 0 0 0 !important;
}

div.upload_preference p.use_regular_uploader {
  width: 70%;
}

p.change_upload_preference a {
  color: #666;
}

p.change_upload_preference a:hover {
  color: #fff;
}

div.just_switched_to_basic_uploader {
  background: #ffc;
  padding: 10px;
  margin: 3px 0;
}

div.just_switched_to_basic_uploader p {
  margin: 0 !important;
}

div.just_switched_to_basic_uploader p.change_upload_preference {
  margin-top: 5px !important;
  color: #666;
}

div.upload_preference div.just_switched_to_basic_uploader p.use_regular_uploader {
  line-height: 1.5;
}

div.just_switched_to_basic_uploader p.headline {
  margin-bottom: 2px !important;
  color: #000;
  font-weight: bold;
}


form.uppity_upload div.multiple_file_selector div.existing_attachments {
  margin-top: 5px;
}

form.uppity_upload div.multiple_file_selector div.existing_attachments + div.attachment_container {
  margin-top: 0;
}

form.uppity_upload div.multiple_file_selector div.attachment_container {
  margin-bottom: 5px;
  margin-top: 5px;
}

form.uppity_upload div.attachment_container div.attachment,
form.uppity_upload div.existing_attachments div.attachment {
  padding: 2px 0;
  line-height: 12px;
  margin-top: 2px;
}

form.uppity_upload div.attachment_container div.attachment img.icon,
form.uppity_upload div.existing_attachments div.attachment img.icon,
form.uppity_upload div.existing_attachments div.attachment img.file_icon {
  width: 24px;
  height: 16px;
  margin-right: 4px;
  vertical-align: middle;
}

form.uppity_upload div.attachment_container.big_icons div.attachment img.icon {
  width: 32px;
  height: 32px;
}

form.uppity_upload div.attachment_container div.attachment span.filename,
form.uppity_upload div.existing_attachments div.attachment span.filename {
  font-size: 12px;
  line-height: 16px;
}

form.uppity_upload div.attachment_container div.attachment a.remove,
form.uppity_upload div.existing_attachments div.attachment a.remove,
form.uppity_upload div.single_file_selector a.change {
  color: red;
  margin-left: 4px;
  padding: 0 !important;
}

form.uppity_upload div.attachment_container div.attachment a.remove span,
form.uppity_upload div.existing_attachments div.attachment a.remove span,
form.uppity_upload div.single_file_selector a.change span {
  padding: 0 !important;
  font-size: 11px;
  font-family: Verdana, sans-serif;
}

form.uppity_upload div.attachment_container div.attachment a.remove:hover,
form.uppity_upload div.existing_attachments div.attachment a.remove:hover,
form.uppity_upload div.single_file_selector a.change:hover {
  background: red;
  text-decoration: none;
  color: white;
}

form.uppity_upload div.single_file_selector a.change {
  margin-left: 8px;
  line-height: 32px;
}

form.uppity_upload div.attachment_container.disabled div.attachment {
  color: #888;
}

form.uppity_upload div.attachment_container.disabled div.attachment a.remove {
  display: none;
}

form.uppity_upload div.attachment_button {
  position: relative;
  overflow: hidden;
  padding: 2px 0;
}

form.uppity_upload div.attachment_button.hidden {
  float: left;
  width: 1px;
  height: 1px;
  left: -5000px;
}

form.uppity_upload div.single_file_selector {
  overflow: hidden;
  font-size: 12px;
}

form.uppity_upload div.single_file_selector div.attachment_button,
form.uppity_upload div.single_file_selector div.attachment_container {
  float: left;
}

form.uppity_upload div.single_file_selector div.attachment_button {
  margin-right: 2px;
}

form.uppity_upload div.single_file_selector div.attachment_container {
  margin-top: 5px;
}

form.uppity_upload div.single_file_selector div.attachment_container div.attachment {
  padding: 0;
}

form.uppity_upload div.single_file_selector div.attachment_container span.placeholder {
  color: #000;
}

form.uppity_upload div.single_file_selector div.attachment_container div.attachment a.remove {
  display: none;
}

div.uppity_upload_submit_bar div.progress_container {
  padding-bottom: 10px;
}

div.uppity_upload_submit_bar div.progress_container div.status_message {
  font-size: 12px;
  line-height: 16px;
  font-style: italic;
}

div.uppity_upload_submit_bar div.progress_container div.progress_bar {
  overflow: hidden;
  width: 400px;
  background: #fff;
  border: 1px solid #abd2e7;
}

div.uppity_upload_submit_bar div.progress_container div.progress_bar div.progress {
  height: 17px;
  background: url(/images/upload_progress.gif) repeat-x;
  border-right: 1px solid #abd2e7;
}


body.writeboards div.page_header_links {
  width: 350px;
}



